Social-Media-Videos aus deiner Website erstellen, in drei Formaten
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.
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.
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.
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.
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.
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.
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.
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.
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.
| Plattform | Format | Veröffentlichte Grenze | Seite, die sich am besten filmt | Unser 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.
Quellen
- TikTok Ads: Spezifikationen für In-Feed-Anzeigen (9:16 empfohlen, bis 10 Minuten)
- Meta-Werbeanzeigen-Leitfaden: Instagram Reels (9:16, Schutzzonen, Untertitel empfohlen)
- YouTube-Hilfe: Shorts quadratisch oder hochkant, bis 3 Minuten
- LinkedIn-Hilfe: Videospezifikationen (1:2,4 bis 2,4:1, 3 Sekunden bis 15 Minuten)
- Chrome for Developers: Autoplay-Richtlinie (stummes Autoplay immer erlaubt)
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.
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.