Embed-Code

Auch: Einbettungscode, Embed Code, Widget-Code

Unter einem Video steht „Einbetten“, unter einer Karte „Auf Ihrer Website verwenden“, unter einem Rechner „Code kopieren“: Ein Embed-Code ist die Kopiervorlage, mit der ein Inhalt von einer Website auf eine andere wandert, ohne dass er dort nachgebaut werden muss. Der Inhalt bleibt beim Herausgeber, die einbettende Seite zeigt ihn nur an.

Für Herausgeber ist das ein Weg zu Reichweite und Links, weil der Code meist einen Hinweis auf die Quelle enthält. Ob daraus ein Link wird, den Google wertet, entscheidet die Bauart des Codes. Und ob dieser Link in Ordnung ist, entscheidet sein Inhalt.

Drei Bauarten: iframe, Skript, HTML-Schnipsel

Embed-Codes gibt es in drei Grundformen. Sie unterscheiden sich darin, wo der eingebettete Inhalt am Ende steht und wer ihn kontrolliert:

• iframe: Ein Fenster in der einbettenden Seite, in dem ein eigenes Dokument vom Server des Herausgebers geladen wird. Typisch für Videos, Karten und interaktive Rechner. Der Inhalt aktualisiert sich von selbst, gehört technisch aber zum Dokument des Herausgebers.
• Skript: Ein <script>-Tag lädt Programmcode, der den Inhalt erst im Browser in die Seite schreibt. Typisch für Bewertungs-Widgets und Social-Media-Beiträge.
• HTML-Schnipsel: Fertiges Markup, das direkt im Quelltext der einbettenden Seite steht, etwa ein Bild mit Link oder ein Zitatblock. Typisch für Infografiken und Siegel.

Für Linkbuilding ist die wichtigste Frage, ob der Quellenlink im HTML der einbettenden Seite landet. Das Schaubild vergleicht die drei Bauarten nach diesem und drei weiteren Merkmalen.

Wo der Quellenlink sitzen muss

Google beschreibt in den Link-Best-Practices die Grundregel: „Im Allgemeinen kann Google deinen Link nur crawlen, wenn es sich um ein <a>-HTML-Element (auch Ankerelement genannt) mit einem href-Attribut handelt.“ Ein Quellenhinweis, der nur als Text oder per Klick-Skript funktioniert, ist für Google kein Link.

Beim iframe liegt der Link im Dokument des Herausgebers, nicht im Quelltext der einbettenden Seite. Google kann eingebettete Inhalte zwar einer anderen Seite zuordnen; die Regel indexifembedded aus Googles Doku zum robots-Meta-Tag etwa erlaubt Google, den Inhalt einer Seite zu indexieren, „wenn er in einer anderen Seite durch iframes oder ähnliche HTML-Tags eingebettet ist“. Ob ein Link innerhalb des iframes als Link der einbettenden Seite zählt, beschreibt Google nicht. Verlässlich ist nach Einschätzung der Redaktion nur ein Link, der außerhalb des iframes als normales Ankerelement im Code steht.

Beim Skript hängt es am Ergebnis: Laut derselben Google-Seite können auch per JavaScript eingefügte Links gecrawlt werden, sofern dabei das beschriebene HTML-Markup entsteht. Mehr dazu im Eintrag JavaScript-Links. Ein Embed-Code, der seinen Link nur per Skript nachlädt, ist deshalb unsicherer als einer, der ihn im kopierten Schnipsel mitliefert.

Wann ein Link im Embed-Code sauber ist

Googles Spam-Richtlinien nennen eingebettete Elemente ausdrücklich. Als Link-Spam gelten „Versteckte Links, Links von geringer Qualität oder Links mit übermäßig vielen Keywords in Widgets, die auf verschiedene Websites verteilt sind“. Ebenfalls auf der Liste steht die „Anforderung eines Links im Rahmen von Nutzungsbedingungen, eines Vertrags oder einer ähnlichen Vereinbarung, ohne dass Dritte, die Inhaber von Inhaltsrechten sind, den ausgehenden Link kennzeichnen können“.

Daraus ergeben sich vier Regeln für den Quellenlink:

1. Sichtbar: Der Link steht lesbar unter oder neben dem Inhalt, nicht versteckt in einem winzigen Pixel oder in weißer Schrift.
2. Ohne Keyword: Ankertext ist der Name des Herausgebers oder der Titel des Inhalts, nicht ein Suchbegriff wie „günstige Stromtarife“.
3. Veränderbar: Wer einbettet, darf den Link mit rel="nofollow" versehen oder entfernen. Eine Lizenz, die den unveränderten Link zur Bedingung macht, ist genau der zitierte Vertragsfall.
4. Zum Inhalt: Der Link zeigt auf die Seite des eingebetteten Inhalts, nicht auf eine fachfremde Verkaufsseite. Die übrigen Link-Spam-Beispiele mit Praxisfällen bespricht Google Link-Spam-Richtlinien.

Dass solche Quellenlinks in großer Zahl entstehen, zeigt die Linkship-Messung im Beitrag Kostenlose Tools als Linkmagnet: Ein unabhängiger Brutto-Netto-Rechner bekam allein über einen Copyright-Hinweis als Ankertext Links von 50 Domains. Siegel funktionieren nach demselben Prinzip; die Sicht des Herausgebers beschreibt Badge-Linkbuilding.

Datenschutz und Nutzungsrechte

Ein iframe oder Skript lädt Inhalte vom Server des Herausgebers. Dabei erfährt dieser Server die IP-Adresse jedes Besuchers der einbettenden Seite, und setzt der eingebettete Inhalt Cookies oder liest Informationen auf dem Endgerät, greift § 25 TDDDG: Speicherung und Zugriff sind dann grundsätzlich nur mit Einwilligung zulässig, außer sie sind für einen ausdrücklich gewünschten Dienst unbedingt erforderlich.

Für Herausgeber folgt daraus eine praktische Empfehlung: Bieten Sie neben dem iframe eine Variante ohne Nachladen an, etwa ein statisches Bild mit Link. Sie ist für die einbettende Seite datenschutzrechtlich einfacher, lädt schneller und enthält den Link direkt im Quelltext.

Bei den Nutzungsrechten gilt: Wer einen Embed-Code anbietet, sollte klar sagen, wofür der Inhalt verwendet werden darf, etwa redaktionell und unverändert mit Quellenangabe. Warum diese Freigabe neben dem Code und einer Textfassung der Aussage zu den Voraussetzungen für Links gehört, erklärt Linkbait: 10 Content-Formate. Wer selbst fremde Inhalte einbettet, nutzt nach Erfahrung der Redaktion am besten nur den offiziell angebotenen Code und keine selbst gebauten Kopien.

Einen Embed-Code bereitstellen: Aufbau und Beispiel

Ein schlanker Embed-Code für eine Grafik besteht aus einem Bild, einer Bildunterschrift und einem normalen Link auf die Quelle. Platzhalter stehen in eckigen Klammern:

<figure>
  <img src="https://[herausgeber].de/grafik/[titel].png" alt="[Titel der Grafik]" width="800" height="600">
  <figcaption>Quelle: <a href="https://[herausgeber].de/[seite]/">[Herausgeber]: [Titel]</a>, Stand [Monat Jahr]</figcaption>
</figure>

Bei einem interaktiven Inhalt steht derselbe Quellenhinweis als <p> mit Link direkt unter dem iframe, nicht darin. Wie interaktive Karten als Kampagneninhalt funktionieren, beschreibt der Eintrag Interaktive Karte.

Beispiel: eine Heizkosten-Grafik

Eine Energieberatung veröffentlicht eine Grafik zur Entwicklung der Heizkosten in ihrer Region und bietet darunter den Code an: Bild, Bildunterschrift, Link mit dem Ankertext „Energieberatung [Ort]: Heizkosten 2020 bis 2026“. Ein Hinweis erklärt, dass die Grafik mit Quellenangabe frei verwendet werden darf und der Link nofollow tragen kann.

Ein Lokalportal und zwei Mietervereine binden die Grafik ein, einer davon mit nofollow. Hätte die Beratung den Ankertext „Heizung erneuern Kosten“ vorgegeben und die Nutzung an den unveränderten Link geknüpft, wären es Keyword-Links in einem verteilten Widget, also das Muster aus Googles Liste. Das Beispiel ist konstruiert.

Häufige Fragen

Alle 327 Begriffe im Glossar