Franziska

OpenGraph Tags bei Facebook

OpenGraph Tags bei Facebook

Wer hat das nicht auch schon erlebt: Ich veröffentliche einen tollen Text auf meinem Blog oder meiner Webseite und teile diesen dann bei Facebook. Doch was macht Facebook daraus? Der Titel wird abgeschnitten, so dass er seinen Sinn verliert, als Untertitel wird ein Text eingeblendet, der eigentlich für die Suchmaschine geschrieben wurde und dann platziert Facebook auch noch das völlig falsche Vorschaubild. Nein, so kann man die Kundschaft nicht über Facebook auf die eigenen Inhalte locken. Geht das nicht etwas zielgerichteter? Es geht. Und zwar mit den OpenGraph Tags.

OG-Tags sinnvoll einsetzen

Facebook bietet mit den OG-Tags eine Möglichkeit an, gezielt jene Inhalte in die Vorschau von geteilten Inhalten aufzunehmen, die die Zielgruppe auch sehen soll. Dazu werden bestimmte Tags im Head-Bereich einer Seite platziert, die definieren, welcher Titel, welcher Untertitel und welche Grafik eingeblendet werden sollen. Diese Tags sind kompatibel zu HTML-5. Wer mit XHTML arbeitet, wird mit den OG-Tags HTML-Fehler im Sinne des W3-Validators produzieren. Das kann behoben werden, indem die OpenGraph Tags nur dann eingeblendet werden, wenn Facebook die Seite besucht.

Sehr wichtig: Die Grafik

Ein Bild sagt mehr als viele Worte und das falsche Bild ist oft keine Einladung, die geteilten Inhalte zu besuchen. Mit dem Tag og:image kann definiert werden, welches Bild in der Facebook-Vorschau angezeigt werden soll. Das darf sogar ein Bild sein, das gar nicht auf der Zielseite zu sehen ist, etwa eine Grafik, die speziell für Facebook in das passende Format gebracht worden ist. Und das passende Format ist auch ein Schlüssel bei der Bildanzeige: Wählen Sie ein quadratisches Bild, dann wird dieses bei Facebook recht klein angezeigt, der Text wird rechts neben dem Bild platziert. Stimmt das Bild nicht mit dem Vorschauformat von Facebook überein, dann kann es passieren, dass Teile der Grafik abgeschnitten werden. Möglicherweise verliert das Bild auf diese Weise seine Botschaft. Ein Format von 820 x 310 Pixeln passt derzeit hervorragend zur Facebook-Vorschau. Aber auch das kann sich eines Tages wieder ändern.

Die Überschrift

Genau genommen gibt es zwei unterschiedliche Vorschau-Darstellungen für geteilte Inhalte bei Facebook: Einmal in der mobilen Ansicht und einmal in der Desktop-Ansicht. Wählen Sie kurze Titel mit einer Länge von maximal 25 Zeichen und kopieren Sie diese nicht einfach vom Title der Seite. Denn sonst wird womöglich noch der Name Ihrer Seite mitkopiert, was den Leser irritiert. Sie können die Überschrift mit dem og:title Tag definieren.

Kurz und knapp: Der Untertitel

Der Untertitel sollte auch keine Kopie der Meta-Description sein. Gerade Google testet derzeit längere Descriptions, die dann auch in den Suchergebnissen angezeigt werden. Vor allem in der mobilen Vorschau bei Facebook wird es hier aber eng. Viel mehr als 100 Zeichen sollten Sie da nicht ansetzen. Mit dem Tag og:description können Sie den Untertitel Ihrer Vorschau definieren.

Weitere OpenGraph Tags

Sie können eine Lokalisierung über og:locale definieren, die kanonische URL mit og:url angeben und mit og:video einen Film platzieren, der dann direkt im Feed abgespielt wird. Insgesamt sind die OpenGraph Tags ein sehr mächtiges Werkzeug, um geteilte Inhalte für die Facebookvorschau zu optimieren.