Zurück zum Glossar

Open Graph

Eine Reihe von Meta-Tags (og:title, og:description, og:image), die steuern, wie eine Seite angezeigt wird, wenn sie auf Facebook, LinkedIn, Slack und anderen sozialen Plattformen geteilt wird.

Open Graph ist ein Protokoll, das ursprünglich 2010 von Facebook entwickelt wurde, um jeder Webseite die Kontrolle darüber zu geben, wie sie erscheint, wenn sie auf sozialen Plattformen geteilt wird. Heute ist es der De-facto-Standard für Social-Media-Vorschauen im gesamten Web und wird von Facebook, LinkedIn, Slack, Discord, WhatsApp, Telegram und den meisten anderen Plattformen genutzt, die eine Vorschaukarte für eine URL anzeigen. Die Tags befinden sich im <head> der Seite als <meta property="og:...">-Elemente.

Der Mindestsatz besteht aus drei Tags: og:title (die Überschrift in der Vorschaukarte), og:description (der 1-2 Sätze lange Vorschautext) und og:image (das Vorschau-Bild, idealerweise 1200×630px). Empfohlene Ergänzungen sind og:url (kanonische URL der geteilten Seite), og:type (article, website, product usw.), og:site_name und og:locale. X/Twitter greift auf Open-Graph-Tags zurück, wenn kein twitter:card-Tag vorhanden ist, sodass die meisten Websites nur Open Graph benötigen – spezifische Twitter-Tags sind nicht erforderlich.

Warum es für SEO wichtig ist: Open Graph selbst ist kein Google-Rankingfaktor, aber die Click-Through-Rate auf geteilte Links schon. Ein fehlendes oder falsches og:image führt zu einer leeren Vorschaukarte, und ein abgeschnittener og:title (über ~60 Zeichen auf Mobilgeräten) bedeutet verlorene Klicks. Google nutzt og:title und og:description als Hinweis, wenn es Title-Tags und Meta-Beschreibungen in den SERPs umschreibt. Daher verbessert eine gute Open-Graph-Kopie oft sowohl die Darstellung in sozialen Medien als auch in der Suche. Der offizielle Debugger von Facebook, der Post Inspector von LinkedIn und der Card Validator von Twitter sind die richtigen Tools zum Testen.

Häufige Fehler: Ein og:image hochladen, das kleiner als 200×200 Pixel ist (die meisten Plattformen lehnen es ab), ein Bild mit 1200×600 Pixeln verwenden, das auf einigen Plattformen auf 1200×630 Pixel zugeschnitten wird, den vollständigen SEO-Titel der Seite in og:title wiederholen (der Social-Media-Titel kann emotionaler sein) und og:url vergessen – ohne dieses Tag fragmentieren die Share-Zähler über verschiedene Parameter-Varianten derselben Seite.