Wichtigste Erkenntnisse
- Platzieren Sie Videos dort, wo sie einen konkreten Einwand beantworten oder ein Verhalten zeigen, das sich schwer beschreiben lässt.
- Zeigen Sie ein aussagekräftiges Posterbild und starten Sie die Wiedergabe auf Wunsch der Nutzer, statt Autoplay zum einzigen Weg zu machen.
- Reservieren Sie die Abmessungen und verhindern Sie, dass die Seite anfänglich eine unnötig große Quelldatei herunterlädt.
Ein Video auf einer Landingpage sollte eine Entscheidung schneller klären, als der umgebende Text es kann. Verzögert es die zentrale Botschaft, überrascht es Besucher mit Ton oder verschiebt es das Layout, arbeitet es gegen die Seite.
Worauf es besonders ankommt
- Stellen Sie Untertitel, Bedienelemente und einen nahegelegenen Textweg zu denselben wesentlichen Informationen bereit.
Den Platz des Videos in der Hierarchie rechtfertigen
Eine Landingpage sollte Zielgruppe, Nutzenversprechen und primäre Aktion vermitteln, bevor sie eine Wiedergabe voraussetzt. Ergänzen Sie ein Video, wenn Bewegung, Abfolge, Stimme oder eine Vorführung eine wichtige Frage schneller klärt als der umgebende Text. Setzen Sie es nicht ein, nur um eine Fläche zu füllen oder die Überschrift langsamer zu wiederholen.
Platzieren Sie den Player nahe bei dem Einwand, den er beantwortet. Eine Produktvorführung gehört womöglich neben die Details zum Arbeitsablauf, während Kundenbelege besser zu Inhalten für die Bewertung passen. Geben Sie dem Video einen beschreibenden Titel und eine knappe Zusammenfassung, damit Besucher entscheiden können, ob sich das Ansehen lohnt.
Gut geeignet
Setzen Sie Video für Verhalten, Abfolgen, den physischen Kontext, eine glaubwürdige Erklärung durch Menschen oder für Belege ein, die sich in einem Standbild schwer ausdrücken lassen.
Wenig geeignet
Bevorzugen Sie Text oder Bilder für Fakten, die Besucher überfliegen, vergleichen, kopieren, übersetzen oder schnell erneut aufrufen müssen.
Die Wiedergabe nach eindeutiger Nutzerabsicht laden
Verwenden Sie ein aussagekräftiges Posterbild mit einer per Tastatur bedienbaren Wiedergabeschaltfläche und einem barrierefreien Namen, der den Inhalt beschreibt. Reservieren Sie Breite und Höhe des Players, um Layoutverschiebungen zu verhindern. Die Bedienelemente für die Wiedergabe müssen verfügbar bleiben, und das Stoppen des Videos darf kein Verlassen der Seite erfordern.
Vermeiden Sie Autoplay mit Ton. Auch stummes Autoplay verbraucht Daten, Rechenleistung und Aufmerksamkeit; berücksichtigen Sie daher Einstellungen für reduzierte Bewegung und datensparsame Nutzung. Wird Autoplay dekorativ eingesetzt, muss die Seite ihre wesentlichen Informationen auch ohne es vermitteln und eine Möglichkeit zum Pausieren bieten.
Die Medien für die Seitenperformance paketieren
Lassen Sie den Browser keine Produktions-Masterdatei abrufen. Erstellen Sie per Encoding eine webgerechte Variante, die sich an der dargestellten Größe, am Inhalt und an den erwarteten Geräten orientiert. Zu hohe Auflösung und Bitrate verschwenden Übertragungsvolumen, während eine zu stark komprimierte Quelle störende Artefakte um Gesichter, Bewegung, Verläufe und Oberflächentext erzeugt.
Behandeln Sie das Posterbild als Asset des ersten Seitenaufbaus. Dimensionieren Sie es für seine dargestellten Abmessungen, komprimieren Sie es bewusst und vermeiden Sie ein schwarzes oder irreführendes Einzelbild. Verzögern Sie Player-Code von Drittanbietern und Medienverbindungen nach Möglichkeit, bis sie benötigt werden, und messen Sie die Seite anschließend auf mobiler Hardware und in eingeschränkten Netzen.
Bildkomposition über responsive Layouts hinweg schützen
Eine Demonstration im Querformat lässt sich nicht immer durch einen zentrierten Zuschnitt in ein schmales mobiles Bildformat überführen. Bestimmen Sie für jedes Layout das Motiv, das Produkt und die wesentlichen Textelemente. Verwenden Sie einen eigenen vertikalen oder quadratischen Schnitt, wenn ein responsiver Zuschnitt den Kontext entfernen oder Details der Benutzeroberfläche unlesbar machen würde.
Halten Sie Untertitel, Logos und Handlungsaufforderungen innerhalb getesteter sicherer Bereiche, wiederholen Sie die primäre Schaltfläche der Seite jedoch nicht in jedem Bild. Sehen Sie sich das codierte Ergebnis in der tatsächlichen Anzeigegröße an. Ein Zuschnitt, der im Schnittprogramm akzeptabel wirkt, kann scheitern, sobald Browsersteuerelemente, Seitenspalten und ein kleiner Bildschirm die sichtbare Fläche verkleinern.
Barrierefreie und datenschutzbewusste Alternativen bereitstellen
Stellen Sie geprüfte Untertitel für Sprache und bedeutungstragende Geräusche bereit, ergänzt um eine Zusammenfassung oder ein Transkript in der Nähe, wenn der Inhalt wesentlich ist. Nutzen Sie auswählbare Spuren, sofern der Player sie unterstützt. Eingebrannte Untertitel können Text in eingeschränkten Umgebungen erhalten, doch Zuschauende können sie weder ausschalten noch umgestalten oder ersetzen.
Ein Player von Drittanbietern kann Skripte laden, Cookies setzen und Besucherinformationen offenlegen, bevor die Wiedergabe beginnt. Prüfen Sie das Verhalten des Anbieters, die Einwilligungsanforderungen, den Umgang mit Referrern und die Einbettungsberechtigungen. Vermeiden Sie es, Geheimnisse oder personenbezogene Daten in Quell-URLs, Dateinamen, Frames, Untertiteln, Analytics-Events oder Posterbildern zu platzieren.
Conversion und Performance gemeinsam testen
Erfassen Sie aussagekräftige Ereignisse wie Play, nützliche Sehtiefe, Abschluss und die primäre Aktion der Seite. Vergleichen Sie diese mit Ladeperformance, Reaktionsfähigkeit und Abbrüchen. Ein Video, das die Interaktion erhöht, die Seite aber so weit verzögert, dass qualifizierte Conversions zurückgehen, ist keine erfolgreiche Variante.
Testen Sie eine klare Kontrollvariante ohne Video und ändern Sie jeweils nur eine wesentliche Variante. Segmentieren Sie vorsichtig nach Gerät und Besuchsabsicht und legen Sie die Entscheidungsregel fest, bevor Sie die Ergebnisse lesen. Testen Sie außerdem Tastaturbedienung, Untertitel, langsame Verbindungen, deaktivierte Medien, reduzierte Bewegung und Skriptfehler.
Nur fertiggestellte, geprüfte Ergebnisse veröffentlichen
Transloadit kann eine freigegebene Quelldatei für die Landingpage mit /video/encode aufbereiten, mit /video/thumbs Optionen für das Posterbild extrahieren und mit /video/subtitle externe oder eingebrannte Untertitel hinzufügen. Ein wiederverwendbares Template hält diese technischen Ergebnisse über wiederkehrende Seiten hinweg konsistent.
Nutzen Sie eine Assembly Notification, um der Anwendung mitzuteilen, dass die Verarbeitung abgeschlossen ist, prüfen Sie die Signatur des eingehenden Webhooks und bestätigen Sie das erfolgreiche Ergebnis, bevor Sie dessen URLs veröffentlichen. Transloadit bereitet die Dateien auf; es hostet weder die Landingpage, noch stellt es das Wiedergabeerlebnis bereit, noch führt es das Experiment durch, noch interpretiert es Analysedaten.
Technische Prüfungen
Prüfen Sie Dauer, Abmessungen, Codec, Dateigröße, Audio, Vorhandensein von Untertiteln, Abmessungen des Posterbilds und die erfolgreiche Wiedergabe in den unterstützten Browsern.
Redaktionelle Prüfungen
Prüfen Sie den Einstieg, den Zuschnitt, die Aussagen, die Handlungsaufforderung, die Genauigkeit der Untertitel, die Aussagekraft des Posterbilds und die Stimmigkeit mit der umgebenden Seite.
Betriebliche Prüfungen
Bestätigen Sie Caching, Fallback bei Fehlern, Zugriffsrechte auf Assets, Webhook-Verifizierung, Monitoring und ein sicheres Zurückrollen auf die vorherige Seitenversion.
Wissenswerte technische Details
- Ein Posterbild kann zum Largest-Contentful-Paint-Element werden, daher sind seine Dateigröße, seine Abmessungen, seine Priorität bei der Erkennung und seine Cachebarkeit schon wichtig, bevor das Video selbst zu laden beginnt.
- Stummgeschaltete Autoplay-Wiedergabe ist weithin erlaubt, Autoplay mit hörbarem Ton wird dagegen häufig blockiert. Die Wiedergabe darf nie der einzige Weg zu wesentlichen Informationen der Seite sein.
- Video kann die Überzeugungskraft steigern, zugleich aber die Interaktivität verzögern und von der primären Aktion ablenken; deshalb misst der richtige Test Conversion und Performance gemeinsam.
- Ein Video-Thumbnail mit Abspielsteuerung sollte eine echte, per Tastatur bedienbare Schaltfläche sein, deren barrierefreier Name die Aktion und den Inhalt beschreibt.
- Das Laden eines Players von Drittanbietern kann JavaScript, Cookies, DNS-Verbindungen und Einwilligungsanforderungen mit sich bringen, bevor sich Besucher überhaupt für das Ansehen entscheiden.
- Eine kurze schriftliche Zusammenfassung in der Nähe des Players hilft bei Suche, Barrierefreiheit und schnellem Überfliegen und unterstützt Besucher, die Medien nicht abspielen können oder wollen.
Ein praxisnaher Ansatz
- 1
Formulieren Sie die eine Frage, die das Video beantwortet, und entfernen Sie Material, das sie nicht stützt.
- 2
Exportieren Sie eine kurze, webtaugliche Variante und ein repräsentatives Posterbild.
- 3
Instrumentieren Sie Wiedergabe, nützliche Sehtiefe, CTA-Aktion und Seitenperformance gemeinsam.
- 4
Testen Sie die Erlebnisse ohne Video, bei reduziertem Datenverbrauch, per Tastatur, auf Mobilgeräten und bei langsamem Netzwerk.
Wann Transloadit hilfreich ist
Erstellen Sie aus der freigegebenen Masterdatei eine kompakte Wiedergabe-Variante, ein leichtgewichtiges Posterbild und Untertitel. Ein Webhook kann Ihre Anwendung benachrichtigen, damit sie diese Ausgaben erst veröffentlicht, nachdem die Assembly erfolgreich abgeschlossen wurde.
Architekturgrenze
Transloadit bereitet Video-Assets auf, hostet aber nicht die Landingpage, führt nicht das Experiment durch und ersetzt kein Produkt für Wiedergabe und Analytics.
Häufig gestellte Fragen
Sollte ein Video auf einer Landingpage automatisch abgespielt werden?
In der Regel sollte die Wiedergabe einer ausdrücklichen Nutzeraktion folgen. Autoplay mit Ton stört und wird häufig blockiert. Stummes Autoplay kann für nicht wesentliche Bewegtbilder angemessen sein, verbraucht aber weiterhin Ressourcen und muss Pausieren, reduzierte Bewegung, Barrierefreiheit und den Datenverbrauch berücksichtigen.
Wo sollte Video auf einer Landingpage erscheinen?
Platzieren Sie es dort, wo es die betreffende Frage oder den betreffenden Einwand beantwortet. Eine kurze visuelle Vorführung kann in der Nähe der einleitenden Aussage stehen, während detaillierte Belege weiter unten auf der Seite besser aufgehoben sind. Verzögern Sie die Hauptbotschaft und die primäre Aktion nicht bis nach der Wiedergabe.
Ist ein Transkript nötig, wenn Untertitel vorhanden sind?
Untertitel unterstützen das synchrone Ansehen, während ein Transkript das Überfliegen, Durchsuchen, Kopieren, Übersetzen und den Zugriff ohne Wiedergabe ermöglicht. Stellen Sie beides bereit, wenn die Informationen des Videos wesentlich oder umfangreich sind. Bei kürzeren, optionalen Medien ist eine knappe schriftliche Zusammenfassung weiterhin nützlich.
Wie sollte die Performance von Videos auf Landingpages gemessen werden?
Messen Sie die angestrebte Conversion der Seite gemeinsam mit dem Wiedergabeverhalten und der Web-Performance. Erfassen Sie die nützliche Sehtiefe statt nur der Wiedergabestarts und vergleichen Sie Seitengeschwindigkeit, Reaktionsfähigkeit, Abbrüche und Conversion mit einer Kontrollvariante ohne Video.
Hostet Transloadit Videos auf Landingpages oder spielt es sie ab?
Transloadit hostet weder die Landingpage noch stellt es deren Videoplayer bereit. Transloadit kann gelieferte Medien codieren, Posterbilder erstellen, Untertitel hinzufügen, Ihre Anwendung benachrichtigen, wenn die Verarbeitung abgeschlossen ist, und verarbeitete Dateien über das Smart CDN ausliefern. Hosting der Landingpage, Player, Analytics und Langzeitspeicherung bringen Sie selbst mit.