Das Open Graph Protokoll

Zusatzinformationen >

Das Open Graph Protokoll

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Das Open Graph Protokoll wurde 2010 von Facebook mit dem Zweck eingeführt, zusätzliche strukturierte Daten zu den Websites hinzufügen zu können und dadurch eine höhere Kontrolle bei der Anzeige von Inhalten, die mit anderen geteilt werden, zu ermöglichen.

Wenn ein Eintrag bei Facebook geteilt wird, können manuell das Bild, die Überschrift und die Beschreibung verändert werden. Diese Personalisierung wirkt sich jedoch nur auf das einzelne Sharing aus, denn der Link selbst erfährt keine Veränderung. Wenn andere Nutzer Inhalte teilen (die die URL kopieren und einfügen oder die Tasten „Gefällt mir/Teilen“ benutzen), werden so weiterhin die Überschrift, die Beschreibung und die automatisch von Facebook geladenen Vorschaubilder angezeigt. Über das Open Graph Protokoll kann hingegen eine URL so personalisiert werden, dass ihre Darstellung auch beim Sharen verwaltet werden kann.

Mithilfe des Open Graph Protokolls wird jede Website Teil des Social Graphs und somit zu einem Objekt, das mit den sozialen Netzwerken interagieren kann.

Das Open Graph Protokoll wurde auch von anderen sozialen Plattformen wie Twitter, Google+ und Linkedin anerkannt.

Für weitere Informationen zum Open Graph Protokoll rufen Sie bitte die offizielle Website auf: ogp.me/.

Klicken Sie um zu erweitern/minimierenOpen Graph implementieren

In der Praxis basiert das Open Graph Protokoll auf einer Reihe von Tags, die personalisiert werden können; dadurch kann festgelegt werden, wie eine Website zum Zeitpunkt des Sharen auf Facebook sichtbar sein wird. Diese Informationen werden in die Tags <head> der Seite eingefügt und sind so für den Nutzer solange unsichtbar, bis er beschließt, die Seite mit anderen zu teilen.

Die grundlegenden Open Graph Tags sind:

og:title – die Überschrift, die dem Inhalt zugewiesen werden soll.
og:description – Beschreibung des Inhalts.
og:type – Art des Inhalts, z. B. ein Artikel oder Video.
og:image – die URL des zum Sharen zu verwendendes Bildes.
og:url – die kanonische URL (somit die absolute URL ohne Parameter, Variablen oder Zähler), die als eine der Website zugewiesene ID benutzt wird.

Neben den wesentlichen Tags sind eine Reihe fakultativer Tags vorgesehen, die hinzugefügt werden können, um gewisse Eigenschaften des Inhalts genauer anzuführen. Einige Beispiele:

og:audio – Adresse einer Audio-Datei, die mit dem Objekt verbunden ist.
og:locale – Sprache des Inhalts, beispielsweise it_IT.
og:site_name – Name der Website, ohne TLD und ohne www.
og:video – Adresse einer Video-Datei, die mit der Seite verbunden ist.

Zu allen diesen Tags kommen viele weitere hinzu, die je nach dem Inhalt, der erscheinen soll, benutzt werden können.

Für die korrekte Implementierung der OpenGraph Tags steht das Instrument Facebook Debugger zur Verfügung.

Dieses Instrument erlaubt es auch, erneut die über die Tags gelieferten Informationen zu senden, falls diese verändert wurden.

Klicken Sie um zu erweitern/minimierenBei WebSite X5

WebSite X5 verwendet das Open Graph Protokoll bei der Erstellung des Codes der Websites. Diesbezüglich einige weiterführende Anmerkungen:

Als Wert des Tags og:image wird die URL des Bildes übernommen, die durch die Option Bild für die Website, in Website-Einstellungen | Erweitert angeführt ist.
Das durch die Option Bild für die Website, eingestellte Bild wird für das Sharen von allen Seiten der Website benutzt, mit Ausnahme von Blog-Seiten, bei denen Einträge mit einer Slideshow geteilt werden: In diesen Fällen wird es durch das erste Bild, das in der Slideshow vorhanden ist, ersetzt.
Die Werte der anderen Tags werden automatisch vom Programm übernommen und eingestellt.