Video-Einbettungen: Schnelle, barrierefreie Drittanbieter-Player
Baue eine schnelle Video-Einbettung mit Lazy Loading, Click-to-Play-Fassaden, barrierefreien Bedienelementen, Transkripten und einem präzisen VideoObject-Schema auf jeder Inhaltsseite.
Eine Video-Einbettung platziert ein Video, das von einem Drittanbieter-Dienst gehostet wird – wie YouTube, Vimeo, Wistia oder einem anderen genehmigten Anbieter – innerhalb der Seite, während der umgebende Titel, die Zusammenfassung, das Transkript, das Datenschutzverhalten und die Metadaten unter der Kontrolle des Herausgebers bleiben. Die bevorzugte Darstellung ist eine leichte Facade: Ein lokales Thumbnail und ein Play-Button erscheinen zuerst, und der Player des Anbieters wird erst geladen, nachdem der Besucher sich für die Wiedergabe entscheidet.
Verbinde eine Datenquelle in drei Minuten
Ein Bildschirmaufzeichnung, die den Verbindungsablauf, die Validierungsmeldung und die erfolgreiche Synchronisation zeigt. Dauer: 3:08.
Video vom genehmigten Anbieter laden · Transkript verfügbar
Das Beispiel ist bewusst bereits vor der Wiedergabe nützlich. Es nennt das Ergebnis, identifiziert den Inhalt der Aufzeichnung, gibt die Dauer an und bietet ein Transkript an. In der Praxis würde die Play-Aktion die Facade durch den genehmigten responsiven Player ersetzen, ohne den darunterliegenden Inhalt zu verschieben.
Warum dieses Element wichtig ist
Video kann Unsicherheit verringern, wenn Bewegung, Timing, Stimme oder eine sich verändernde Oberfläche durch Zuschauen leichter zu verstehen ist als durch Rekonstruktion aus Standbildern. Ein Leser kann überprüfen, ob ein Workflow echt ist, und den Bildschirmstatus nach jeder Aktion vergleichen. Die Dauer setzt eine klare Erwartung an den Aufwand: „3:08“ ist leichter zu akzeptieren oder aufzuschieben als ein nicht beschrifteter Player.
Dieser Vorteil hängt von Kontrolle ab. Ein automatisch abspielender Player oder eine unerklärte zehnminütige Aufzeichnung zwingt den Leser zur Zahlung, bevor er einen Wert erhält. Drittanbieter-Player können Skripte, Styles, Schriftarten, Tracking-Code, Empfehlungen und Werberessourcen herunterladen. Sie können die Seite verlangsamen, Daten an ein anderes Unternehmen weitergeben und von der Aufgabe ablenken. Ein Video sollte diese Kosten wert sein, indem es etwas erklärt, das Text oder ein Standbild nicht so effizient vermitteln kann.
Maschinelle Extrahierbarkeit bedeutet, dass ein Crawler, ein KI-Antwortsystem oder eine assistive Technologie das Thema identifizieren kann, ohne Pixel zu interpretieren oder einen Drittanbieter-Player auszuführen. Ein alleinstehender iframe gibt wenig verlässliche Bedeutung preis. Behalte einen sichtbaren Titel, eine Zusammenfassung, die Dauer, den Anbieter, ein Transkript und einen Fallback-Link im servergerenderten HTML. Wenn zutreffend, wiederholen präzise VideoObject-Daten diese Fakten in einer maschinenlesbaren Form.
Wende die Element-Schreibregeln an, bevor du diese Komponente wählst. Der Zweck hat Vorrang vor dem Erscheinungsbild: Verwende eine Video-Einbettung, weil der Leser von bewegten Medien eines Drittanbieters profitiert, nicht weil ein großer Player einen Abschnitt substanziell wirken lässt. Wenn der Herausgeber die Mediendatei direkt bereitstellt und den Player kontrolliert, verwende stattdessen Inline-Video .
Wann man es verwendet
Verwende eine Video-Einbettung, wenn Bewegung oder synchronisierte Erklärung einen Beitrag liefern, den Prosa und Standbilder nicht so effizient erbringen können. Starke Anwendungsfälle umfassen einen Produkt-Workflow, eine physische Technik, ein aufgezeichnetes Interview, eine Softwarekonfiguration, einen Veranstaltungsausschnitt, eine Vorher-Nachher-Durchführung oder eine Review-Demonstration. Das Video muss eine klare redaktionelle Aufgabe, einen stabilen genehmigten Host, Untertitel und einen nützlichen Fallback haben.
Die Einbettung ist besonders geeignet, wenn eine Drittanbieter-Plattform adaptives Streaming, Untertitel, Player-Barrierefreiheit oder globale Auslieferung bereitstellt. Es ist keine Erlaubnis, die Erklärung der Seite auszulagern. Ein Nicht-Zuschauer muss dennoch verstehen, warum die Aufzeichnung vorhanden ist und was sie unterstützt.
Häufige Grenzfälle sind:
- Ein einzelner Oberflächenzustand: Verwende einen kommentierten Screenshot. Ein Video erzwingt Wiedergabe und Spulerei, um Informationen zu finden, die ein einziges beschriftetes Bild sofort preisgeben könnte.
- Eine dekorative Hintergrundschleife: Behandle sie als dekoratives Bewegtbild, schalte sie stumm, respektiere Präferenzen für reduzierte Bewegung und halte sie außerhalb dieses redaktionellen Elements.
- Eine gehostete Mediendatei: Verwende Inline-Video, wenn die Seite die Datei, den Player, die Untertitel und die Auslieferung kontrolliert, anstatt einen Anbieter einzubetten.
- Ein Webinar als Lead-Gate: Ein Anmeldeformular und eine nicht verfügbare Aufzeichnung stellen keine Einbettung dar. Beschreibe das Ereignis ehrlich oder veröffentliche die abspielbare Aufzeichnung.
- Ein Podcast mit einem statischen Bild: Verwende ein Audio-Element, wenn die visuelle Spur keine Informationen trägt.
- Vorgelesene schriftliche Anleitungen: Behalte den Text. Video ist kein Grund, eine durchsuchbare, überfliegbare Antwort langsamer abrufbar zu machen.
- Ein Social-Media-Beitrag mit beiläufigem Video: Bette das Video nur ein, wenn die Aufzeichnung selbst relevant ist. Lade kein ganzes Social-Media-Widget für eine einzelne Behauptung, die im Text zitiert und belegt werden kann.
Wo man es platziert
Platziere die Einbettung unmittelbar nach dem Absatz, der erklärt, was der Leser sehen wird und warum das Anschauen hilft. Platziere sie bei einer Anleitung nach den Voraussetzungen und der schriftlichen Kurzantwort, aber vor detaillierten Schritten, nur wenn sie den gesamten Workflow demonstriert. Wenn sie einen Schritt unterstützt, platziere sie nach der Anweisung und dem erwarteten Ergebnis dieses Schritts. Gib bei einer Fallstudie oder einem Review die Behauptung und den Kontext an, bevor du die Beweise zeigst.
Halte Titel, Zusammenfassung, Player, Dauer, Anbieterhinweis, Untertitel, Transkriptzugang und Fallback in einer zusammenhängenden Figure-Region. Setze das Transkript direkt danach oder in einem angrenzenden, von Anfang an verfügbaren Offenlegungsbereich. Füge es nicht erst nach der Wiedergabe ein.
Die Einbettung darf nicht direkt neben einem anderen Player, einer automatisch abspielenden Animation, einer Werbung, einem Lead-Formular oder einem auffälligen Call-to-Action stehen. Diese Elemente konkurrieren um Aufmerksamkeit und können einen Play-Button mehrdeutig machen. Sie darf keinen Schritt-Satz unterbrechen, eine Warnung von der dazugehörigen Aktion trennen oder eine Behauptung von ihrer Quelle trennen. Platziere keinen essenziellen Text über dem Thumbnail und lasse den Player nicht neben schmalem Textkörper schweben, wo Bedienelemente zu eng werden.
Die Verwendung oberhalb des Folds ist Seiten vorbehalten, deren Hauptzweck das Ansehen dieses Videos ist. Überall sonst soll die schriftliche Antwort führen. Reserve das endgültige Seitenverhältnis vor jeder Netzwerkanfrage, sodass das Ersetzen der Facade keinen Cumulative Layout Shift verursacht.
Anatomie
Der beschriftete Screenshot muss diese Teile identifizieren:
- Titel: Benennt das spezifische Thema des Videos, anstatt den Artikel-Titel zu wiederholen.
- Zusammenfassung: Erklärt in ein bis zwei Sätzen, was der Zuschauer lernen oder überprüfen wird.
- Reservierter Player-Bereich: Fixiert das Seitenverhältnis, bevor der Anbieter-Code geladen wird.
- Facade-Thumbnail: Ein echtes, genehmigtes Bild, das das Video repräsentiert, gemäß der Medienrichtlinie der Seite gespeichert und skaliert.
- Play-Button: Ein tastaturbedienbarer Button, dessen zugänglicher Name den Videotitel und – bei einer Facade – die Erklärung enthält, dass er den Anbieter lädt.
- Dauer: Gibt die Gesamtlaufzeit vor der Wiedergabe an.
- Anbieter- und Datenschutzhinweis: Identifiziert den Drittanbieter und den Zeitpunkt einer möglichen Verbindung oder Cookie-Setzung.
- Untertitel: Erklärt die Relevanz, Version oder den zeitkritischen Kontext der Aufzeichnung.
- Transkriptzugang: Verweist auf ein vollständiges Texttranskript im initialen HTML der Seite.
- Fallback-Link: Öffnet die kanonische HTTPS-Ansichtsseite, falls Skripte, Zustimmung oder der eingebettete Player fehlschlagen.
Gestaltungsbeispiele
Jede Variante bewahrt Titel, Zusammenfassung, reservierte Abmessungen, zugänglichen Play-Button, Dauer, Transkript und Fallback. Nur der Auslösemechanismus und der unterstützende Hinweis ändern sich.
Click-to-Load-Facade – Standard
Zeige ein lokales genehmigtes Thumbnail und einen echten Button. Lade den iframe des Anbieters erst nach einem expliziten Klick oder einer Tastaturaktivierung. Dies vermeidet Drittanbieter-Player-Arbeit für Leser, die nie zuschauen, und macht den Zeitpunkt der Zustimmung klar.
Viewport-Lazy-Player
Verwende Lazy Loading
nur, wenn das Video zentral genug ist, dass die meisten Leser es voraussichtlich abspielen werden, und der genehmigte Anbieter möglicherweise vor der Zustimmung initialisiert. Setze loading="lazy" auf den iframe, aber verstehe, dass die Nähe zum Viewport dennoch den vollständigen Player ohne Klick auslösen kann. Diese Variante ist ein Leistungskompromiss, nicht der Standard.
Zustimmungsgesteuerte Einbettung
Verwende dies, wenn Datenschutzregeln eine Erlaubnis vor der Verbindung erfordern. Erkläre den Anbieter und die Konsequenz und biete dann eine spezifische Aktion „Anbieter zulassen und abspielen“ an. Die Ablehnung muss Zusammenfassung, Transkript und Fallback nutzbar lassen.
Transkript-zuerst-Demonstration
Verwende dies, wenn Leser Befehle, Bezeichnungen oder genaue Formulierungen benötigen. Platziere Kapitel oder einen Transkriptauszug unter der Facade, mit Zeitstempel-Links, wenn der Anbieter stabile Sprung-URLs unterstützt.
Datenschutzverbesserter Player
Verwende einen genehmigten datenschutzverbesserten Anbietermodus, wenn verfügbar, aber bezeichne ihn nicht ohne Überprüfung als trackerfrei. Kombiniere ihn mit einer Facade; halte den Anbieter und Fallback sichtbar.
Parameter
„Quelle“ bezeichnet den autorisierten Ort, aus dem der Renderer den Wert bezieht. Es bedeutet nicht den Videoanbieter oder die faktische Quelle.
| Name | Typ | Erforderlich | Min/max | Standard | Quelle | |
|---|---|---|---|---|---|---|
title | Einfacher String | Ja | 4–14 Wörter; 100 Zeichen | Keine | Erste Überschrift im Textkörper | |
provider | Aufzählung | Ja | Ein genehmigter Anbieterbezeichner | Keine | Attribut | |
video-id | Anbietersicherer Bezeichner | Ja | 3–128 Zeichen; keine URL | Keine | Attribut | |
variant | Aufzählung | Nein | facade, lazy, consent, transcript-first, privacy | facade | Attribut | |
aspect-ratio | Verhältnis | Nein | 16/9, 4/3, 1/1 oder geprüftes Quellverhältnis | 16/9 | Attribut | |
duration | ISO 8601 Dauer | Ja | PT1S–PT24H | Keine | Attribut | |
upload-date | ISO 8601 Datum oder Datum/Uhrzeit | Bedingt für Schema | Ein echter erster Veröffentlichungswert | Keine | Attribut | |
thumbnail | Stammrelativer Asset-Pfad | Ja für Facade | Ein vorhandenes genehmigtes Bild | Anbieterbild nur wenn Richtlinie es erlaubt | Attribut | |
summary | Klartext | Ja | 15–45 Wörter; zwei Sätze | Keine | Textkörper nach erster Überschrift | |
caption | Klartext | Nein | 8–30 Wörter | Keine | Textkörper | |
transcript | Strukturierter Text | Ja | Vollständiger gesprochener und bedeutungsvoller visueller Inhalt | Keine | Textkörper | |
start | Nicht-negative Ganzzahl | Nein | Weniger als Gesamtdauer, in Sekunden | 0 | Attribut | |
privacy-mode | Boolean | Nein | true oder false | true wo Anbieter es unterstützt | Attribut | |
consent-category | Aufzählung | Bedingt | Eine registrierte Zustimmungskategorie | Anbieterrichtlinie | Attribut | |
fallback-url | HTTPS URL | Ja | Eine kanonische Ansichtsseite | Nur für genehmigte Anbieter abgeleitet | Attribut |
Der Renderer erstellt src aus einem zugelassenen Anbieter und video-id; Autoren dürfen keinen beliebigen iframe-HTML- oder JavaScript-Code einfügen. Ein Thumbnail-Pfad darf nur hinzugefügt werden, nachdem die Datei existiert. Das Transkript ist autorisierter Inhalt, kein Attribut, und muss gesprochene Wörter plus bedeutungsvolle bildschirmbezogene Aktionen umfassen, die die Erzählung auslässt.
Syntax und Codebeispiele
Alle drei Formen tragen dieselben kanonischen Felder. Die URLs und Bezeichner unten sind illustrativ und müssen durch genehmigte Produktionswerte ersetzt werden.
Portierbare Markdown-Direktive
:::video-embed{provider=youtube video-id=abc123XYZ variant=facade aspect-ratio="16/9" duration=PT3M8S upload-date=2026-08-27 thumbnail="/cdn-assets/seo-playbook/examples/connect-data-source.webp" privacy-mode=true fallback-url="https://www.youtube.com/watch?v=abc123XYZ"}
## Verbinde eine Datenquelle in drei Minuten
Ein Bildschirmaufzeichnung, die den Verbindungsablauf, die Validierungsmeldung und die erfolgreiche Synchronisation zeigt.
Caption: Aufgezeichnet in der August-2026-Oberfläche.
Transcript:
00:00 — Öffne Einstellungen, dann Datenquellen.
00:18 — Wähle den Anbieter und autorisiere schreibgeschützten Zugriff.
02:42 — Bestätige, dass der Synchronisationsstatus „Erfolgreich“ erscheint.
:::
Die erste Überschrift wird auf title abgebildet; der erste Absatz auf summary; beschriftete Caption- und Transkript-Abschnitte auf ihre entsprechenden Textkörper-Felder.
Hugo-Shortcode
Der Hugo-Adapter verwendet nur benannte Parameter und erhält Zusammenfassung, Bildunterschrift und Transkript aus seinem Body. Diese Notation gibt die beabsichtigte Zuordnung an; sie behauptet nicht, dass ein lokaler Shortcode bereits existiert.
{{< video-embed provider="youtube" videoId="abc123XYZ" variant="facade" aspectRatio="16/9" duration="PT3M8S" uploadDate="2026-08-27" thumbnail="/cdn-assets/seo-playbook/examples/connect-data-source.webp" privacyMode="true" fallbackUrl="https://www.youtube.com/watch?v=abc123XYZ" >}}
## Verbinde eine Datenquelle in drei Minuten
Ein Bildschirmaufzeichnung, die den Verbindungsablauf, die Validierungsmeldung und die erfolgreiche Synchronisation zeigt.
Caption: Aufgezeichnet in der August-2026-Oberfläche.
Transcript:
00:00 — Öffne Einstellungen, dann Datenquellen.
00:18 — Wähle den Anbieter und autorisiere schreibgeschützten Zugriff.
02:42 — Bestätige, dass der Synchronisationsstatus „Erfolgreich“ erscheint.
{{< /video-embed >}}
Der Renderer muss einen echten <button> für die Facade ausgeben, das Seitenverhältnis reservieren, den iframe erst nach dem deklarierten Auslöser erstellen, einen beschreibenden iframe-title hinzufügen, Vollbild nur erlauben wenn die Richtlinie es zulässt, und niemals ungeprüften Autorentext in src oder allow einfügen.
WordPress-Block
<!-- wp:amicited/video-embed {"provider":"youtube","videoId":"abc123XYZ","variant":"facade","aspectRatio":"16/9","duration":"PT3M8S","uploadDate":"2026-08-27","thumbnail":"/cdn-assets/seo-playbook/examples/connect-data-source.webp","privacyMode":true,"fallbackUrl":"https://www.youtube.com/watch?v=abc123XYZ"} -->
<h2>Verbinde eine Datenquelle in drei Minuten</h2>
<p>Ein Bildschirmaufzeichnung, die den Verbindungsablauf, die Validierungsmeldung und die erfolgreiche Synchronisation zeigt.</p>
<p data-caption>Aufgezeichnet in der August-2026-Oberfläche.</p>
<div data-transcript><p><time datetime="PT0S">00:00</time> — Öffne Einstellungen, dann Datenquellen.</p></div>
<!-- /wp:amicited/video-embed -->
Der registrierte Block kann eine Editor-Vorschau bereitstellen, aber gespeicherte Attribute dürfen nur den kanonischen Anbieterbezeichner und die Video-ID enthalten. Rendere den unterstützenden Text und die Facade serverseitig, sodass die Seite aussagekräftig bleibt, wenn die Editor-Vorschau oder das Anbieterskript nicht verfügbar ist.
Beispiele
Gut: Nachweis zu den Bedingungen des Lesers
Verbinde eine Datenquelle in drei Minuten — 3:08
Die Zusammenfassung besagt, dass die Aufzeichnung Autorisierung, Validierung und erfolgreiche Synchronisation zeigt. Ein 16:9-Platz ist reserviert. Die lokale Facade lädt keinen Anbieter-Code, bis der Besucher „Laden und abspielen: Verbinde eine Datenquelle in drei Minuten“ aktiviert. Untertitel sind aktiviert, das nahegelegene Transkript enthält Befehle und bildschirmbezogene Statusänderungen, und ein direkter Ansichtslink bleibt verfügbar.
Dies ist erfolgreich, weil der Leser das Ergebnis und die Kosten kennt, bevor er handelt. Die Seite bleibt schnell für Nicht-Zuschauer, die Drittanbieter-Verbindung folgt der Absicht, Tastatur- und Screenreader-Benutzer erhalten ein benanntes Bedienelement, und Maschinen können das Thema des Videos extrahieren, ohne es zu dekodieren.
Schlecht: Ein gieriger mysteriöser iframe
<iframe src="https://video.example/embed/abc123XYZ" allow="autoplay"></iframe>
Diese Version lädt sofort Drittanbieter-Code, hat keine reservierten Abmessungen, keinen zugänglichen Titel, kein sichtbares Thema, keine Dauer, keine Untertitel oder Transkript, keine Datenschutzerklärung und keinen Fehlerpfad. allow="autoplay" gewährt eine Fähigkeit, die das redaktionelle Element nicht benötigt. Ein Crawler sieht einen externen Frame anstelle einer abgegrenzten Erklärung, während ein Leser, der assistive Technologien verwendet, auf ein unbenanntes Objekt stößt.
Repariere es, indem du einen zugelassenen Anbieter-Adapter verwendest, das Quell-Seitenverhältnis reservierst, eine betitelte Facade renderst, bei expliziter Aktivierung lädt und Zusammenfassung, Dauer, Transkript und Fallback-Link als HTML veröffentlichst.
Schema-Markup und Barrierefreiheit
Ein echtes öffentliches Video kann Schema-Markup
als VideoObject speisen. Das strukturierte Objekt muss dasselbe auf der Seite sichtbare Video beschreiben, nicht den Artikel allgemein und nicht ein Video, das anderswo gehostet wird und hier nicht angesehen werden kann. Googles aktuelle Videodokumentation erfordert name, thumbnailUrl und uploadDate für die Videoergebnis-Berechtigung. Füge eine präzise description hinzu; verwende duration im ISO-8601-Format; gib embedUrl für den Player und contentUrl nur an, wenn es auf die tatsächlichen Videobytes verweist. Schema.org definiert auch transcript für den Text des Videos.
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Verbinde eine Datenquelle in drei Minuten",
"description": "Ein Bildschirmaufzeichnung, die Autorisierung, Validierung und eine erfolgreiche Datenquellen-Synchronisation zeigt.",
"thumbnailUrl": "https://www.example.com/cdn-assets/videos/connect-data-source.webp",
"uploadDate": "2026-08-27T10:00:00+02:00",
"duration": "PT3M8S",
"embedUrl": "https://www.youtube-nocookie.com/embed/abc123XYZ"
}
Erfinde kein Upload-Datum, Thumbnail, keine Dauer, Aufrufzahl oder contentUrl. embedUrl ist die Player-URL, während contentUrl die Datei mit den Videobytes ist; eine Ansichtsseite ist keins von beidem. Validiere berechtigte Implementierungen gegen Googles VideoObject-Dokumentation
und die Schema.org-VideoObject-Definition
. Eine Facade verhindert kein Markup, vorausgesetzt das Video bleibt auf der Seite abspielbar und die deklarierten Medien sind für berechtigte Crawler verfügbar.
Barrierefreiheit beginnt vor der Wiedergabe. Verwende ein <figure>, wenn Titel, Player und Bildunterschrift eine Einheit bilden. Das Facade-Bedienelement muss ein nativer <button> sein, per Tastatur erreichbar, mit einem sichtbaren Fokusindikator und einem zugänglichen Namen wie „Laden und abspielen: Verbinde eine Datenquelle in drei Minuten.“ Setze den Click-Handler nicht nur auf ein <div> oder Thumbnail. Gib dem erstellten iframe einen präzisen, eindeutigen title, wie „Video: Verbinde eine Datenquelle in drei Minuten.“
Biete synchronisierte Untertitel für Dialoge und bedeutungsvolle Geräusche. Biete eine Audiobeschreibung oder eine gleichwertige Transkriptbeschreibung, wenn wichtige visuelle Aktionen nicht gesprochen werden. Das Transkript benötigt Sprecherwechsel, Befehle, Bezeichnungen, Fehler und Ergebnisse; es benötigt keine Füllgeräusche, die keine Bedeutung vermitteln. Bedienelemente müssen bei Zoom bedienbar bleiben, dürfen nicht von Hover abhängen und müssen die Kontrast- und Zielgrößen-Regeln der Seite erfüllen.
Die Wiedergabe folgt einer expliziten Aktivierung. Starte kein redaktionelles Video automatisch, insbesondere nicht mit Ton. Respektiere Präferenzen für reduzierte Bewegung bei jeder animierten Facade-Behandlung. Wenn der iframe den Button ersetzt, verschiebe den Fokus nur, wenn Tests zeigen, dass der neue Player ein verlässliches Fokus-Ziel bereitstellt; ansonsten halte das Fokusverhalten vorhersehbar und kündige den geladenen Zustand im nahegelegenen Text an. Eine Zustimmungsablehnung oder ein Anbieterfehler darf den Fokus nicht einsperren oder das Transkript entfernen.
Schreibregeln
Der Titel hat 4–14 Wörter und benennt die Aufgabe, Behauptung oder Demonstration. Vermeide generische Bezeichnungen wie „Unser Video ansehen“, „Überblick“ oder „In Aktion sehen.“ Die Zusammenfassung hat 15–45 Wörter und gibt an, was die Aufzeichnung zeigt, nicht warum die Marke beeindruckend ist. Zeige die Dauer als m:ss oder h:mm:ss für Leser und speichere den äquivalenten ISO-8601-Wert für Daten und Schema.
Behalte einen Hauptzweck pro Video bei. Eine Demonstration sollte normalerweise in einen Workflow passen; wenn Zuschauer ein Kapitelverzeichnis benötigen, um unzusammenhängende Themen zu finden, teile die Aufzeichnung auf oder verwende einen Guide mit mehreren Einbettungen. Das Transkript muss vollständig sein, für lesbare Zeichensetzung bearbeitet, der Bedeutung treu und beim Laden der Seite verfügbar. Markiere korrigierte Versprecher nur, wenn die Korrektur notwendig ist, um Missverständnisse zu vermeiden.
Das Element darf einen Titel, eine Zusammenfassung, eine Facade oder einen Player, die Dauer, eine Anbieteroffenlegung, eine Bildunterschrift, Kapitellinks, ein Transkript und einen Fallback-Link enthalten. Es darf niemals ungeprüfte Leistungsbehauptungen, verstecktes Affiliate-Tracking, ein Lead-Gate über versprochener Wiedergabe, nicht zusammenhängende Werbetexte, ein zweites Video, beliebigen Anbieter-HTML-Code, ausführbare Autorenskripte oder wesentliche Anweisungen enthalten, die nur in der Aufzeichnung verfügbar sind. Platziere keine Calls-to-Action innerhalb des Transkripts und täusche keinen Play-Button vor, der ein Verkaufsformular öffnet.
Halte die Oberflächenversion oder das Aufnahmedatum fest, wenn eine Produktdemonstration veralten kann. Ersetze oder kommentiere veraltete Aufzeichnungen umgehend; ein poliertes Video, das entfernte Bedienelemente zeigt, ist schädlicher als gar kein Video, weil es selbstbewusst den falschen Weg lehrt.
Beitragstypen, die es verwenden
Das postTypes-Frontmatter ist die Quelle der Wahrheit für diese Beziehung. Die Aufnahme bedeutet, dass der Beitragstyp das Element verwenden darf, wenn Bewegung Beweise hinzufügt; es macht Video nicht verpflichtend.
| Beitragstyp | Aufgabe des Videos | Typische Platzierung | Nicht verwenden für | |
|---|---|---|---|---|
| How-to-Guide | Timing, Bewegung oder eine vollständige Vorgehensweise demonstrieren | Nach Voraussetzungen und Kurzantwort, oder nach dem unterstützten Schritt | Ersetzen von geordneten schriftlichen Schritten | |
| Ultimate Guide | Einen schwierigen Mechanismus oder eine Experten-Demonstration erklären | Innerhalb des relevanten Kapitels nach seiner Texteinleitung | Einen generischen Markenüberblick im Hero | |
| Dokumentationsartikel | Einen genauen Oberflächen-Workflow und Erfolgszustand zeigen | Neben dem entsprechenden Aufgabenabschnitt, mit Versionsdatum | Ausblenden von Befehlen, Bezeichnungen oder Wiederherstellungsschritten in der Wiedergabe | |
| Feature-Seite | Beweisen, wie eine Fähigkeit in der Oberfläche funktioniert | Nachdem Mechanismus und Eignung erklärt wurden | Eine stumme Werbeschleife ohne überprüfbares Ergebnis | |
| Fallstudie | Genehmigte Kundenaussagen oder Nachweise der Maßnahme liefern | Nach der Behauptung und dem Zuschreibungskontext | Ersetzen von belegten Ergebnissen durch Enthusiasmus | |
| Review-Seite | Praktische Tests, Verhalten und Einschränkungen zeigen | Im getesteten Kriterium- oder Nachweisabschnitt | Einbetten der Werbung des Anbieters als unabhängigen Beweis |
QA-Checkliste
- Rechtfertigt Bewegung, Timing oder synchronisierte Erklärung Video anstelle von Text oder einem Standbild?
- Sind Titel, Zusammenfassung, Dauer, Anbieter, Transkript und Fallback im servergerenderten HTML vorhanden?
- Vermeidet die Standard-Facade jede Anbieteranfrage bis zur Aktivierung oder gültigen Zustimmung?
- Wenn Viewport-Lazy-Loading verwendet wird, ist die Leistungs- und Datenschutzausnahme dokumentiert?
- Ist der Anbieter zugelassen, der Bezeichner validiert und beliebiger iframe-HTML-Code abgelehnt?
- Sind Breite und Höhe oder
aspect-ratioreserviert, bevor der Player lädt? - Verwendet die Facade einen echten tastaturbedienbaren Button mit einem spezifischen zugänglichen Namen und sichtbarem Fokus-Zustand?
- Erhält der iframe einen eindeutigen beschreibenden
title, wenn er erstellt wird? - Sind synchronisierte Untertitel verfügbar und enthält das Transkript bedeutungsvolle visuelle Aktionen?
- Ist die redaktionelle Wiedergabe benutzerinitiiert, mit deaktiviertem Autoplay?
- Bleibt die Seite bei Anbieterfehler oder abgelehnter Zustimmung vollständig und navigierbar?
- Sind Transkript und wesentliche Anweisungen ohne JavaScript und ohne Abspielen des Videos verfügbar?
- Öffnet der Fallback die kanonische HTTPS-Ansichtsseite und identifiziert dieses Ziel?
- Stimmt
VideoObject, wenn vorhanden, mit dem sichtbaren Titel, Thumbnail, Upload-Datum, der Dauer und dem exakt abspielbaren Video überein? - Wird
contentUrlweggelassen, es sei denn, es verweist auf tatsächliche Medien-Bytes? - Wurde die Seite bei schmalen Breiten, 200 % Zoom, nur Tastatur und reduzierten Bewegungseinstellungen getestet?
- Wurden die Drittanbieter-Kosten bei einem ungecachten Lauf gemessen, einschließlich Anfragen vor der Interaktion?
- Sind die Oberflächenversion, das Aufnahmedatum oder der Review-Auslöser für zeitkritische Demonstrationen festgehalten?
Eine konforme Video-Einbettung gibt dem Leser eine Wahl: den Punkt aus Text verstehen, das Transkript untersuchen oder die Kosten für das Anschauen tragen. Diese Wahl verwandelt einen Drittanbieter-Player in nützliche, extrahierbare Beweise.
Weitere Tutorials in diesem Bereich
Bereit, es in die Praxis umzusetzen?
Kostenlose Prüfung · 7 Tage testen · keine Kreditkarte