Zum Hauptinhalt springen

Social-Media-Videos aus deiner Website erstellen, in drei Formaten

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

Für Social-Media-Videos aus deiner Website schreibst du ein Skript und renderst es dreimal: 9:16 für TikTok, Reels und Shorts, 1:1 für Feed-Posts, 16:9 für YouTube und die eigenen Seiten. Die eigentliche Arbeit ist die Wahl der richtigen Seite pro Plattform, und das Wissen, dass die Hochkant-Version dein mobiles Layout filmt: eine eigene Aufnahme, kein Zuschnitt.

Dieser Leitfaden ist für Gründer und Marketingverantwortliche eines Dienstleisters mit Website, LinkedIn-Seite und Instagram-Konto, die alle drei mit dem füttern wollen, was schon online steht. Wir zeigen dir unser Vorgehen an einem echten Fall: ein 65-Sekunden-Skript über fehlgeschlagene Zahlungen, gerendert in allen drei Formaten aus der Website einer Beratung.

Heskyn, eine Beratung für Online-Zahlungen (heskyn.com): „Conquer Online Payment Complexity“, 65 Sekunden und 126 englische Wörter, hier in 9:16. Dasselbe Skript gibt es auch in 16:9 und 1:1.

Aus heskyn.com mit PageToVid gemacht und von seinem Autor veröffentlicht. Auf seiner Seite ansehen → · Alle öffentlichen Filme ansehen →

Sieben Schritte von einer Website zu drei Formaten

So gehen wir vor, wenn eine Seite mehrere Plattformen bedienen soll. Vorausgesetzt ist eine öffentliche Website; Seiten hinter einem Login brauchen eine Capture-Session, ab dem Tarif Scale.

  1. Eine Seite pro Aufgabe wählen

    Eine Leistungs- oder Ablaufseite für LinkedIn, die Angebots- oder Produktseite für TikTok und Reels, Startseite oder Leistungsseite für YouTube und die eigene Website. Eine einzige Seite reicht für alle drei, wenn sie die Geschichte trägt, wie bei Heskyn.

  2. Die Seite auf dem Smartphone ansehen

    Der Hochkant-Film zeigt, was dein mobiles Layout zeigt. Versteckt die mobile Seite die Preistabelle hinter einem Menü, zeigt sie auch der 9:16-Film nicht. In unserem MCP-Server listet inspect_page im geplanten Format, was jedes Layout bietet.

  3. Einmal schreiben, mit Wortbudget

    Der Sprechtext ist ein durchgehender Take, seine Wortzahl ist die Laufzeit: auf Englisch etwa 50 bis 60 Wörter für 30 Sekunden und 105 bis 130 für 60 Sekunden, auf Deutsch rund zehn Prozent weniger (der Sprechtext bestimmt die Länge). Setz den ersten Satz in Anführungszeichen, wenn er wörtlich gesprochen werden soll.

  4. Zuerst 9:16 rendern

    Das ist das anspruchsvollste Format und zeigt dir am schnellsten, ob das Skript trägt. Wir filmen die Seite in einem echten Cloud-Browser im Smartphone-Viewport und exportieren in 1080×1920.

  5. 1:1 und 16:9 mit demselben Skript rendern

    Beide filmen das Desktop-Layout, in 1080×1080 und 1920×1080. Gleiche Wörter, gleiche Stimme, gleiche Untertitel; nur Bildausschnitt und gefilmtes Layout ändern sich.

  6. Erste Sekunde und Untertitel prüfen

    Sieh dir jede Version stumm an. Die Untertitel werden aus dem Sprecher-Take geschnitten und sind deshalb immer synchron; du prüfst, ob der erste Satz allein als Text funktioniert.

  7. Jedes Format an seinem Platz posten

    Nimm die Tabelle unten. Pass den Posttext je Plattform an, nicht den Film.

Das ausführliche Hochkant-Vorgehen mit Schutzzonen steht in Hochkant-Videos für TikTok und Reels erstellen; wenn nur ein Format drin ist, hilft das richtige Seitenverhältnis wählen.

Ein Skript, drei Bildformate: die Heskyn-Filme

Heskyn (heskyn.com) ist eine Beratung, die Zahlungsstrategien für Online-Unternehmen entwickelt. Aus der Website haben wir „Conquer Online Payment Complexity“ dreimal gerendert: in 16:9, 9:16 und 1:1. Jede Version läuft 65 Sekunden mit 126 englischen Wörtern: das Budget für eine Minute plus Intro- und Abschlusskarte.

Das Skript beginnt mit einer Szene, nicht mit einer Firma: „It’s midnight. Another payment fails.“ (Mitternacht. Wieder scheitert eine Zahlung.) Dann die Kosten (jede gescheiterte Zahlung kostet mehr als den Verkauf, nämlich Vertrauen), die Probleme in je zwei Wörtern („Abandoned checkouts. Blocked transactions.“, abgebrochene Bestellungen, blockierte Transaktionen), der Ablauf in drei Takten (zuhören, eine maßgeschneiderte Strategie entwerfen, Fachleute bauen sie um dein Geschäft herum) und ein einziger nächster Schritt: ein Gespräch über deine Ziele. Am Ende stehen „Payments, conquered.“ und die Domain.

Warum das in allen drei Formaten trägt: Der Einstieg besteht aus zwei kurzen Sätzen, die man als Untertitel liest, bevor man ein Wort hört, und jeder Takt hat genau eine Idee, keine Szene muss zwei tragen. Zwischen den drei Dateien ändert sich nur, was die Kamera sieht. Der 9:16-Film zeigt das mobile Layout von Heskyn, die Abschnitte gestapelt wie auf dem Smartphone; 16:9 und 1:1 zeigen die Desktop-Seite, das Quadrat enger geschnitten für den Feed.

Wohin welches Format gehört

Die Grenzen unten stammen aus den Hilfeseiten der Plattformen (siehe Quellen). Die letzte Spalte ist unsere Empfehlung, keine Plattformregel. Das vollständige Datenblatt je Netzwerk steht in Was ist ein Social-Media-Video.

Posting-Tabelle: eine Website, drei Renders
PlattformFormatVeröffentlichte GrenzeSeite, die sich am besten filmtUnser Rat

TikTok

9:16

9:16 empfohlen; In-Feed-Anzeigen bis 10 Min.

Angebots- oder Produktseite

Für kalte Zielgruppen auf 20–35 s kürzen

Instagram- und Facebook-Reels

9:16

Oben 14 %, unten 35 %, seitlich 6 % frei lassen; Untertitel empfohlen

Angebots- oder Produktseite

Der erste Satz muss als Text funktionieren

YouTube Shorts

9:16

Quadratisch oder hochkant, bis 3 Min.

Produkt- oder So-funktioniert's-Seite

Die 65-Sekunden-Fassung passt komplett

LinkedIn-Feed

1:1 oder 9:16

1:2,4 bis 2,4:1, 3 s bis 15 Min.

Leistungs- oder Ablaufseite

Das Quadrat behauptet sich im textlastigen Feed

YouTube, Website, Newsletter

16:9

Für einen kurzen Film keine Einschränkung

Start- oder Leistungsseite

Wer hier schaut, hat es gewählt; der Ton ist eher an

Drei Renders kosten dreimal 40 Credits. Der erste Film für jede Website ist kostenlos und ohne Karte (Gratisfilme tragen ein kleines Badge und eine Abschlusskarte); ein einzelner Film ohne Abo kostet 3,90 $, und der Tarif Creator für 19 $ im Monat deckt 25 Filme ab (Preise). Mehr Hochkant-Beispiele findest du beim Anwendungsfall TikTok-Videos.

Untertitel an, in jedem Format

Die Chrome-Regel ist eindeutig: Stummes Autoplay ist immer erlaubt, Autoplay mit Ton erst, wenn der Nutzer mit der Seite interagiert hat (siehe Quellen). Feeds folgen derselben Logik, und Meta nennt Untertitel für Reels optional, aber empfohlen. Schreib also so, als würde niemand die Stimme hören.

Unsere Untertitel werden aus dem einen Sprecher-Take geschnitten und laufen deshalb nie auseinander; eine reine Neutaktung der Untertitel ist einmal pro Render kostenlos. Eingebrannt reisen sie mit der Datei auf jede Plattform; die WebVTT-Datei zu jedem Render ist für deinen eigenen Player. Gestaltung und Timing stehen in Untertitel.

Fehler, wenn eine Website alle Plattformen bedient

  • 16:9 auf 9:16 zuschneiden. Du verlierst die Ränder der Desktop-Seite und zeigst ein Layout, das niemand auf dem Smartphone sieht. Render die Hochkant-Version, damit das mobile Layout gefilmt wird.
  • Eine mobile Seite, die die Geschichte versteckt. Gibt es den entscheidenden Abschnitt nur am Desktop, kann der 9:16-Film ihn nicht zeigen. Nimm eine andere Seite oder bessere zuerst das mobile Layout nach.
  • Überall dieselbe Länge. 65 Sekunden passen zu Shorts, YouTube und deiner Website; TikTok und Reels wollen meist eine kürzere Fassung. Kürz den Text, und der Film wird mit ihm kürzer.
  • Das Logo zuerst. Die Marke gehört ans Ende, neben die Handlung.
  • Zwei Ideen pro Szene. Der häufigste Grund, warum ein Render gehetzt wirkt, in jedem Format.

Den größeren Zusammenhang erklärt eine Website in ein Video verwandeln.

Wann nicht

Wann du deine Social-Videos nicht aus der Website machen solltest

Lebt dein Social-Media-Auftritt von Gesichtern (die Gründerin beantwortet Kommentare, Blicke hinter die Kulissen, Trends mit Ton), schlagen Smartphone und CapCut oder der Editor der Plattform jeden Website-Film. Willst du viele gesichtslose Clips aus Prompts und Stockmaterial, sind Werkzeuge wie Pictory oder InVideo dafür gebaut; unsere Vergleiche sagen offen, wo welches passt. Ist deine Website dünn oder veraltet, bring sie zuerst auf Stand: Wir filmen, was dort steht. Und für Software hinter einem Login, die du nicht teilen kannst, ist ein Bildschirmrekorder wie Screen Studio oder Loom schneller.

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 ich ein 16:9-Video für TikTok auf 9:16 zuschneiden?

Ja, aber du verlierst den Großteil des Bildes und zeigst eine Desktop-Seite auf dem Smartphone. Eine eigene 9:16-Version filmt das mobile Layout deiner Website im Smartphone-Viewport, und genau das erwarten die Zuschauer.

Welche Seite meiner Website eignet sich für ein Social-Media-Video?

Die Seite mit einer klaren Geschichte: Angebots- oder Produktseite für TikTok und Reels, Leistungs- oder Ablaufseite für LinkedIn, Startseite für YouTube und die eigene Website. Eine Seite, die nur auf großen Bildschirmen Sinn ergibt, taugt nicht für Hochkant.

Brauche ich für jede Plattform ein eigenes Skript?

Für den Anfang nicht. Ein Skript in drei Formaten ist der schnellste Weg, alle Plattformen abzudecken. Schreib eine kürzere Fassung für TikTok und Reels, sobald du siehst, wo die Leute abspringen.

Was kosten alle drei Formate?

Jedes Format ist ein Render. Der erste Film für jede Website ist kostenlos und ohne Karte; die weiteren sind bezahlte Renders oder Einzelfilme, und ein Monatstarif deckt mehrere Filme ab.