Open Graph ist ein von Facebook eingeführtes Protokoll, mit dem Websites steuern, wie ihre Seiten beim Teilen in sozialen Netzwerken und Messengern dargestellt werden. Über Meta-Tags im HTML-Quellcode — die OG-Tags — werden Titel, Beschreibung und Vorschaubild festgelegt. Ohne diese Angaben wählen Plattformen die Vorschau selbst aus, oft mit unpassendem Bild oder abgeschnittenem Text.
Was ist Open Graph?
Open Graph ist ein ursprünglich von Facebook eingeführtes Protokoll, mit dem Websites steuern, wie ihre Seiten beim Teilen in sozialen Netzwerken und Messengern dargestellt werden. Über Meta-Elemente im HTML-Quellcode — die sogenannten OG-Tags — legen Betreiber Titel, Beschreibung und Vorschaubild fest. Ohne diese Angaben wählen die Plattformen die Vorschau selbst aus, oft mit unpassendem Bild oder abgeschnittenem Text.
Open Graph ergänzt die klassische Suchmaschinen-Optimierung um die Steuerung des Auftritts in sozialen Medien. Während Meta-Description und Title-Tag vor allem die Darstellung in Suchergebnissen prägen, bestimmen OG-Tags die Linkvorschau beim Teilen. Beide zusammen sorgen dafür, dass eine Seite überall dort professionell erscheint, wo ihr Link auftaucht — im Suchergebnis wie im sozialen Feed. Das offizielle Protokoll ist unter ogp.me dokumentiert.
Der Name „Open Graph“ verweist auf die Idee, jede Webseite als Objekt in einem sozialen Graphen zu beschreiben — mit Titel, Typ, Bild und weiteren Eigenschaften. Aus dieser ursprünglich auf Facebook zugeschnittenen Idee ist ein plattformübergreifender Standard geworden, den heute nahezu alle Netzwerke und Messenger auslesen.
Wie funktioniert Open Graph?
Open-Graph-Angaben stehen als Meta-Tags im Kopfbereich einer HTML-Seite. Die wichtigsten sind og:title für die Überschrift der Vorschau, og:description für den Beschreibungstext, og:image für das Vorschaubild, og:url für die kanonische Adresse und og:type für die Art des Inhalts, etwa Website oder Artikel. Diese Tags werden nicht für Besucher angezeigt, sondern von den Plattformen ausgelesen, sobald ein Link geteilt wird.
Teilt jemand einen Link auf Facebook, LinkedIn, WhatsApp oder in anderen Diensten, ruft die Plattform die Seite ab, liest die OG-Tags aus und baut daraus die Linkvorschau. Twitter beziehungsweise X nutzt ein eigenes, ähnliches System mit Twitter Cards, greift aber auf Open-Graph-Angaben zurück, wenn keine eigenen Tags vorhanden sind. Das Protokoll stammt aus dem Umfeld von Meta Platforms, wird heute aber plattformübergreifend genutzt.
Weil die Plattformen die Vorschau zwischenspeichern, wirken Änderungen an den Tags oft erst, nachdem der Cache erneuert wurde. Das ist ein häufiger Stolperstein: Wer ein Bild austauscht und die alte Vorschau weiterhin sieht, hat meist nur einen veralteten Cache vor sich, den die Testwerkzeuge der Plattformen gezielt auffrischen können.
Warum sind OG-Tags wichtig?
Die Linkvorschau ist der erste Eindruck eines geteilten Inhalts — sie entscheidet mit, ob jemand klickt. Ein aussagekräftiger Titel, eine prägnante Beschreibung und ein hochwertiges Bild erhöhen die Klickwahrscheinlichkeit deutlich gegenüber einer automatisch generierten Vorschau mit zufälligem Seitenelement als Bild. Damit wirken OG-Tags unmittelbar auf die organische Reichweite und die Klickrate geteilter Beiträge.
Für Unternehmen und Kanzleien ist das auch eine Frage der professionellen Außenwirkung. Wird ein Fachbeitrag oder eine Leistungsseite in einem Netzwerk geteilt, sollte die Vorschau seriös und einheitlich wirken. Eine gepflegte Linkvorschau stärkt den Social Proof und die Markenwahrnehmung, während eine kaputte Vorschau mit fehlendem Bild schnell unprofessionell aussieht.
Hinzu kommt, dass geteilte Links oft von Dritten verbreitet werden — von Kunden, Partnern oder in Communities. Der Website-Betreiber hat auf diese Weitergabe keinen direkten Einfluss, wohl aber auf die Vorschau, die dabei erscheint. OG-Tags sind damit ein günstiger Baustein einer konsistenten Social-Media-Strategie, der auch dann greift, wenn andere die Inhalte teilen.
Open Graph in der Praxis
In der Praxis werden OG-Tags meist automatisch vom Content-Management-System oder einem SEO-Plugin erzeugt, das Titel und Beschreibung aus den Seiteninhalten zieht und ein Standardbild setzt. Wichtig ist, für zentrale Seiten eigene, sprechende Werte zu hinterlegen und ein Vorschaubild im richtigen Seitenverhältnis bereitzustellen — üblich ist ein querformatiges Bild um 1200 zu 630 Pixel, das auch verkleinert lesbar bleibt.
Zur Kontrolle bieten die Plattformen eigene Testwerkzeuge, mit denen sich die Vorschau prüfen und der Cache erneuern lässt. Das ist besonders nach Änderungen wichtig, weil sonst veraltete Vorschauen weiterlaufen. Ein kurzer Test vor der Veröffentlichung wichtiger Seiten gehört deshalb zum Standard einer sorgfältigen Umsetzung.
Wer OG-Tags sauber pflegt, ergänzt damit die Arbeit an Onpage-SEO und der Meta-Description um die soziale Dimension der Darstellung. Idealerweise entstehen Titel, Beschreibung und Vorschaubild bewusst und nicht als zufälliges Nebenprodukt, damit jede geteilte Seite denselben durchdachten Eindruck hinterlässt wie die Seite selbst.
Typische Fehler und Grenzen
Ein häufiger Fehler ist ein fehlendes oder zu kleines og:image, das zu einer Vorschau ohne Bild oder mit unscharfem Ausschnitt führt. Ebenso verbreitet sind widersprüchliche Angaben, bei denen og:title und der eigentliche Seitentitel auseinanderlaufen, oder eine falsche og:url, die auf eine andere als die kanonische Adresse zeigt. Auch vergessene Cache-Erneuerung nach Änderungen sorgt für hartnäckig veraltete Vorschauen.
Grenzen liegen darin, dass die Plattformen die endgültige Darstellung bestimmen: Sie können Formate, Zeichenlängen und die Anzeige jederzeit anpassen, sodass sich das exakte Ergebnis nie vollständig kontrollieren lässt. OG-Tags geben die Wunschvorgaben vor, garantieren aber kein pixelgenaues Resultat.
Sie sind damit ein Steuerungs-, kein Kontrollinstrument. Wer das versteht, konzentriert sich auf klare, robuste Angaben, die in möglichst vielen Kontexten gut aussehen, statt auf eine Feinabstimmung, die eine einzelne Plattform beim nächsten Update ohnehin wieder verändern kann.
Open Graph im Kontext
Open Graph gehört zur Familie strukturierender Meta-Angaben, zu der auch der Robots-Meta-Tag und die Meta-Description zählen. Während diese die Indexierung und die Darstellung in der Suche steuern, regelt Open Graph die Darstellung beim Teilen. Zusammen sorgen sie dafür, dass eine Seite über alle Kanäle hinweg technisch sauber und ansprechend erscheint.
Im Zusammenspiel mit Formaten wie dem organischen Karussell und einer klaren Zielgruppen-Ansprache trägt Open Graph dazu bei, dass geteilte Inhalte im Feed hervorstechen. Für eine professionelle Positionierung im Netz sind gepflegte OG-Tags deshalb ein kleines, aber wirksames Detail, das den Unterschied zwischen einem geteilten Link, der klickt, und einem, der übersehen wird, ausmachen kann.
Open Graph als Teil des technischen Fundaments
Open Graph gehört zu den technischen Grundlagen, die eine Website über die reine Suchmaschinen-Optimierung hinaus professionell machen. Das offizielle Open Graph protocol definiert dabei nur den Rahmen; die konkrete Umsetzung entscheidet über die Wirkung. Wer OG-Tags konsequent pflegt, sorgt dafür, dass jede geteilte Seite denselben durchdachten Eindruck hinterlässt — unabhängig davon, wer sie teilt und auf welcher Plattform.
Im Zusammenspiel mit anderen technischen Bausteinen wie dem Meta-Pixel für die Messung und einer klaren Content-Strategie für die Inhalte fügt sich Open Graph in ein Gesamtbild ein, in dem Technik und Inhalt Hand in Hand gehen. Die Linkvorschau ist dabei oft der erste sichtbare Kontaktpunkt einer Marke in sozialen Netzwerken — und verdient deshalb dieselbe Sorgfalt wie die Seite, auf die sie verweist. Am Ende ist Open Graph ein Paradebeispiel dafür, wie ein kleines technisches Detail große Wirkung entfaltet: Wenige Zeilen im Quelltext entscheiden mit darüber, ob ein geteilter Link im Feed übersehen oder angeklickt wird, und wie professionell eine Marke bei jeder Weitergabe erscheint.