Zum Hauptinhalt springen

YouTube-Video aus Website erstellen, fertig zum Hochladen

Von Gauthier Bros, Gründer von PageToVidAktualisiert am 6 Min. Lesezeit

YouTube-Video aus Website erstellen, das heißt: Du renderst einen 16:9-Film der Seite, die dein Produkt zeigt, ein bis drei Minuten lang, und lädst drei Dateien in YouTube Studio hoch: das MP4, die WebVTT-Untertiteldatei als Untertitelspur und das gestaltete Poster als Thumbnail. Die Untertiteldatei liefert dir außerdem die Zeitmarken der Szenen für Kapitel, und ein 9:16-Render desselben Storyboards wird dein Short.

Dieser Leitfaden ist für Inhaber kleiner Betriebe und Marketingverantwortliche, die ohne Cutter einen Kanal starten. Unser Beispiel ist ein 127-Sekunden-Film aus einer Buchungswebsite für Autowerkstätten.

FixFlow Auto Care: ein 16:9-Film mit 127 Sekunden und 287 Wörtern aus einer Buchungswebsite für Autowerkstätten, von der Leistungsübersicht über die Buchungsschritte bis zum Dashboard des Inhabers und der Garantie.

Aus pixel-perfect-mirror-389.lovable.app mit PageToVid gemacht und von seinem Autor veröffentlicht. Auf seiner Seite ansehen → · Alle öffentlichen Filme ansehen →

Was YouTube verlangt und welche Datei es liefert

Ein YouTube-Upload ist mehr als eine Videodatei. Das sind die Felder, auf die es bei einem Produktvideo ankommt, und was ein PageToVid-Render jeweils liefert; alle Dateien liegen in der Download-Leiste des Films.

YouTube-Uploadfelder und die passende PageToVid-Datei
YouTube-FeldWas YouTube akzeptiertWas du aus PageToVid hochlädst

Video

Die Videodatei

Das 1080p-MP4, 1920×1080 in 16:9, bis 180 Sekunden

Untertitel

SubRip, WebVTT, TTML und weitere Formate

Die .vtt-Datei, geschnitten aus derselben Sprachaufnahme wie die eingebrannten Untertitel

Thumbnail

JPG oder PNG, 16:9 empfohlen, mindestens 640 px breit, bestätigtes Konto

Das gestaltete Poster: JPEG in 1280×720, der Aufhänger des Films über einem gerahmten Screenshot in deinen Markenfarben

Kapitel

Zeitmarken in der Beschreibung: die erste bei 00:00, mindestens drei, je mindestens 10 s

Die Szenenanfänge, abgelesen aus den .vtt-Einträgen

Shorts

Bis drei Minuten, quadratisch oder hochkant

Ein 9:16- (oder 1:1-)Render desselben Storyboards

PageToVid veröffentlicht nicht direkt auf YouTube: Du lädst die Dateien herunter und in YouTube Studio hoch, wo Titel, Sichtbarkeit und Beschreibung in deiner Hand bleiben. Die Quellen zu jeder YouTube-Regel stehen am Ende des Leitfadens.

In acht Schritten von der Webseite zum YouTube-Upload

Die Schritte 1 und 3 entscheiden über den Film, die Schritte 6 bis 8 darüber, wie er auf YouTube aussieht.

  1. Die Seite wählen, auf der das Produkt zu sehen ist

    Eine Leistungsübersicht, ein Buchungsablauf, ein Dashboard: etwas zum Scrollen und Klicken. Ein Foto mit Slogan gibt zwei Minuten lang nichts her. Der Leitfaden Website in ein Video umwandeln erklärt die Seitenwahl genauer.

  2. 16:9 wählen

    16:9 filmt die Desktop-Ansicht in 1920×1080, das Format des YouTube-Players. Heb dir 9:16 für den Short auf.

  3. Länger werden mit mehr Szenen, nicht mit längeren

    Die Wörter bestimmen die Länge: Ein Zwei-Minuten-Film braucht etwa doppelt so viele Wörter wie ein Ein-Minuten-Film. Gib dem Briefing mehr Stoff (jeden Schritt des Ablaufs, die Sicht des Inhabers, die Garantie) statt mehr Adjektive. Eine Idee pro Szene gilt weiter: siehe Der Sprechertext bestimmt die Länge.

  4. Untertitel eingeschaltet lassen

    Untertitel werden ins Bild eingebrannt und mit derselben Einstellung in eine .vtt-Datei geschrieben. Schaltest du sie ab, fällt beides weg.

  5. Rendern und die drei Dateien herunterladen

    MP4, Untertitel (.vtt) und Thumbnail (.jpg) liegen in der Download-Leiste des fertigen Films. Der Ton ist auf −14 LUFS gemastert, True Peak bei −1,5 dBTP.

  6. Kapitel aus der Untertiteldatei schreiben

    Öffne die .vtt in einem Texteditor. Jeder Eintrag ist eine Szene; fasse Nachbarn zusammen, bis jedes Kapitel mindestens 10 Sekunden dauert, beginne das erste bei 00:00 und füge die Liste in die Beschreibung ein.

  7. Die Untertitel als Spur hochladen

    In YouTube Studio fügst du Untertitel hinzu, indem du die Datei mit Zeitangaben hochlädst. Wer Untertitel einschaltet, sieht sie über den eingebrannten; ihr Hauptzweck ist also, YouTube den exakten Text deines Sprechertexts zu geben, Produktnamen richtig geschrieben.

  8. Das Poster als Thumbnail setzen

    Lade thumbnail.jpg hoch. Eigene Thumbnails setzen ein bestätigtes YouTube-Konto voraus.

Für einen Kanal aus vielen Seiten zeigt der Anwendungsfall Website zu Video, wie Teams einen Film pro Seite planen.

Praxisbeispiel: ein 127-Sekunden-Film einer Buchungswebsite

FixFlow Auto Care ist eine Buchungswebsite für Autowerkstätten in Austin: Kunden wählen eine Leistung, geben ihr Fahrzeug ein, nehmen einen Termin und bekommen eine Bestätigung per E-Mail; die Werkstatt sieht die Termine des Tages in einem Dashboard. Ihr Film, auf Englisch, läuft 127 Sekunden mit 287 Wörtern in 16:9, mehr als doppelt so lang wie ein typischer 45-Sekunden-Film: die Länge, die ein Kanalvideo braucht.

Er beginnt mit einer Titelkarte, „Stop Manual Scheduling“, unter der Frage „Still doing your shop's appointment scheduling by hand?“. Dann die echte Website: der Kopfbereich, das Raster der Leistungen (Ölwechsel, Bremsen, Reifenwechsel), das Buchungsportal, die Seite des Inhabers. Motion-Karten tragen, was die Seite nicht in einer Einstellung zeigt: eine Liste mit vier Schritten, ein Vergleich „vorher / mit FixFlow“ und eine 12-monatige Garantie auf Teile und Arbeit als große Zahl.

Seine Untertiteldatei hat 12 Einträge. Zusammengefasst, damit jedes Kapitel mindestens 10 Sekunden dauert, ergeben sie diese Kapitel:

  • 00:00 Termine von Hand
  • 00:24 Kunden buchen online
  • 00:53 Buchung und Bestätigung
  • 01:13 Das Dashboard des Inhabers
  • 01:40 Garantie und zertifizierte Techniker
  • 01:51 Termin buchen

Was wir für einen Kanal anders machen würden: Dieser Film trägt Badge und Abspannkarte des kostenlosen Tarifs; ein bezahlter Render entfernt beides. Und ein Zwei-Minuten-Produktfilm verdient seine Länge nur, wenn jede Szene etwas Neues zeigt; hier ist die Sicht des Inhabers der Teil, den sich ein Werkstattchef zweimal ansieht.

Der Short: ein 9:16-Render, kein Zuschnitt

YouTube nimmt Shorts bis drei Minuten, quadratisch oder hochkant, also passt jeder 9:16- oder 1:1-Film von uns, denn unser Maximum liegt bei 180 Sekunden. Ein Short ist aber nicht dein Kanalvideo, zusammengequetscht: In 9:16 filmen wir die mobile Ansicht deiner Website in einem Smartphone-Viewport, mit den Menüs, Karten und Buttons, die deine mobilen Besucher sehen. Halte ihn trotzdem kurz; unser Leitfaden für Hochformat-Videos erklärt, warum 30 Sekunden im Feed besser funktionieren.

Über den MCP-Server oder die API lässt sich ein Storyboard in mehreren Formaten auf einmal rendern; jedes Format ist ein Render. YouTube empfiehlt für Shorts ein 9:16-Thumbnail, unser Poster ist 16:9, also wähl für einen Short lieber ein Standbild aus dem Video. Mehr zu Formaten in das richtige Seitenverhältnis wählen.

Kosten und die Fehler, die wir bei langen Filmen sehen

Ein Render kostet 40 Credits, egal wie lang: Ein 127-Sekunden-Film kostet so viel wie einer mit 30 Sekunden. Das 16:9-Video und der 9:16-Short sind zwei Renders. Der erste Film jeder Website ist kostenlos, mit kleinem Badge; ein Film ohne Abo kostet 3,90 $; der Tarif Creator für 19 $ im Monat reicht für 25 Filme. Siehe Preise und den Vergleich mit anderen Video-Tools.

  • Ein dünnes Briefing strecken. Zwei Minuten aus einer Seite mit einer einzigen Funktion ergeben zwei Minuten Wiederholung. Nimm eine reichere Seite oder einen kürzeren Film.
  • Kapitel unter 10 Sekunden. YouTube ignoriert die Liste; fasse Szenen zusammen.
  • Ohne .vtt hochladen. Dann hat YouTube keinen exakten Text deines Sprechertexts.
  • Ein Video für beide Formate. Ein 16:9-Film als Short zeigt winzigen Desktop-Text in einem Hochformatrahmen.
Wann nicht

Wann du PageToVid für YouTube nicht nutzen solltest

Ein Kanal, der von deinem Gesicht und deiner Stimme lebt. Kommentare, Tests und Vlogs bist du vor der Kamera: Nimm sie selbst mit Kamera oder OBS auf. Siehe PageToVid vs. Loom, wenn du dich über deinem Bildschirm aufnehmen willst.

Ein Tutorial über drei Minuten. Unsere Filme enden bei 180 Sekunden. Ein 15-Minuten-Kurs ist eine Bildschirmaufnahme mit deinem Kommentar, geschnitten in einem Desktop-Schnittprogramm.

Ein Film über Orte und Menschen. Ein Rundgang durchs Restaurant oder ein Teamporträt braucht einen Videografen; wir filmen Webseiten.

Verwandle deine Website in ein Video — kostenlos

Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

Häufige Fragen

Kann PageToVid direkt auf meinen YouTube-Kanal hochladen?

Nein. Du lädst MP4, WebVTT-Untertiteldatei und Poster vom fertigen Film herunter und in YouTube Studio hoch, wo du auch Titel, Beschreibung und Sichtbarkeit festlegst.

Wie lang darf ein YouTube-Video aus meiner Website sein?

Von 15 bis 180 Sekunden. Die Länge ergibt sich aus der Wortzahl des Skripts, ein längerer Film braucht also eine Seite mit mehr Inhalt.

Akzeptiert YouTube die Untertiteldatei?

Ja. YouTubes Liste unterstützter Untertitelformate enthält WebVTT (.vtt), die Datei, die jeder untertitelte PageToVid-Render erzeugt.

Kann ich aus demselben Film einen YouTube Short machen?

Ja, als eigenen 9:16-Render desselben Storyboards. Er filmt die mobile Ansicht deiner Website, und YouTube nimmt Shorts bis drei Minuten im quadratischen oder hochkanten Format.