Was ist Open Graph?
Kurzantwort
Open Graph ist ein Auszeichnungsstandard für Webseiten. Mit Open-Graph-Tags legst du fest, welcher Titel, welche Beschreibung und welches Vorschaubild erscheinen, wenn jemand deine URL in sozialen Netzwerken oder Messengern teilt. Die Angaben beeinflussen die Darstellung und Klickwahrscheinlichkeit, haben aber keinen direkten Effekt auf Google-Rankings.
Open Graph gibt dir Kontrolle über die Linkvorschau deiner Inhalte. Das betrifft Unternehmensseiten, Blogartikel, Produktseiten und Landingpages gleichermaßen. Besonders wichtig sind eine eindeutige Überschrift, eine verständliche Kurzbeschreibung, ein passendes Bild und die korrekte URL.
1. Open Graph einfach erklärt
Open Graph ist ein Protokoll für strukturierte Angaben im Kopfbereich einer Webseite. Plattformen lesen diese Angaben aus und bauen daraus eine Vorschau, sobald eine URL geteilt wird. Der Standard wurde ursprünglich für soziale Netzwerke entwickelt, wird heute aber auch von vielen Messengern und anderen Diensten ausgewertet.
Die Angaben stehen als Meta-Tags im <head> des HTML-Dokuments. Besucher sehen sie auf der eigentlichen Seite nicht. Sichtbar wird ihr Inhalt erst in der Linkvorschau, zum Beispiel in einem Beitrag, einer Direktnachricht oder einem Gruppenchat.
Definition zum Merken
Open Graph steuert nicht den Inhalt deiner Webseite, sondern die Vorschau dieses Inhalts auf externen Plattformen. Ein einzelner Artikel kann deshalb auf der Website eine ausführliche H1 tragen und beim Teilen einen kürzeren, aufmerksamkeitsstarken Open-Graph-Titel verwenden.
Open Graph gehört zum Themenbereich der Meta-Angaben und der Onpage-Optimierung. Verwandte Begriffe wie Meta-Description, Title-Tag und strukturierte Daten kannst du im SEO-Lexikon nachschlagen. Die Fragendatenbank ordnet Open Graph ebenfalls dem Bereich Onpage und Meta zu, dessen Antwortmuster eine direkte Definition mit einem konkreten Anwendungsbeispiel vorsieht.
2. Warum die Linkvorschau zählt
Der typische Fehler entsteht nicht beim Veröffentlichen, sondern beim ersten Teilen. Die Website sieht sauber aus, doch im Messenger erscheint ein altes Logo, ein zufälliges Bild aus dem Footer oder ein abgeschnittener Satz. Ursache ist meist nicht die Plattform. Im Seitenkopf fehlen eindeutige Angaben, sodass der Dienst selbst auswählt, welche Inhalte er für die Vorschau verwendet.
Eine kontrollierte Linkvorschau verbessert vor allem drei Punkte:
Open-Graph-Tags ersetzen keine überzeugende Überschrift und kein hochwertiges Titelbild. Sie sorgen jedoch dafür, dass genau diese Elemente auch außerhalb deiner Website ankommen. Bereits bestehende OSG-Inhalte beschreiben Titel, Beschreibung und Vorschaubild als die drei Angaben, die Social-Media-Plattformen für eine korrekte Darstellung benötigen.
3. Die wichtigsten Open-Graph-Tags
Für eine belastbare Vorschau solltest du mindestens vier Angaben setzen. Drei bestimmen die sichtbare Darstellung, eine vierte ordnet die Vorschau der richtigen URL zu. Weitere Eigenschaften sind möglich, für die meisten Unternehmensseiten reichen diese Grundlagen jedoch aus.
| Open-Graph-Tag | Funktion | Beispiel |
|---|---|---|
og:title | Titel der Linkvorschau | Open Graph verständlich erklärt |
og:description | Kurzbeschreibung des Inhalts | So steuerst du Titel, Text und Bild geteilter Links. |
og:image | Adresse des Vorschaubildes | https://www.beispiel.de/bilder/open-graph.jpg |
og:url | Bevorzugte URL des Inhalts | https://www.beispiel.de/open-graph/ |
og:type | Art des Inhalts | article oder website |
Ein einfaches Beispiel im Kopfbereich einer Seite sieht so aus:
<meta property="og:title" content="Open Graph verständlich erklärt">
<meta property="og:description" content="So steuerst du die Vorschau geteilter Links.">
<meta property="og:image" content="https://www.beispiel.de/open-graph.jpg">
<meta property="og:url" content="https://www.beispiel.de/open-graph/">
<meta property="og:type" content="article">
Verwende für og:image eine vollständig ausgeschriebene Bildadresse mit https://. Das Bild muss öffentlich erreichbar sein. Eine interne Medien-ID, ein relativer Pfad oder eine Datei, die erst nach einer Anmeldung geladen wird, liefert externen Plattformen keine zuverlässige Vorschau.
4. Open Graph richtig umsetzen
4.1 Umsetzung im Redaktionssystem
In WordPress und vergleichbaren Redaktionssystemen übernehmen häufig SEO-Plugins die technische Ausgabe. Je Seite kannst du einen Social-Media-Titel, eine Beschreibung und ein Vorschaubild hinterlegen. Fehlen eigene Angaben, verwendet das Plugin oft den SEO-Titel, die Meta-Description und das Beitragsbild als Ersatz.
Dieser automatische Rückgriff ist bequem, aber nicht immer passend. Ein SEO-Titel kann für Google gut formuliert und für eine Social-Media-Karte trotzdem zu lang sein. Bei Ratgebern passt das Beitragsbild häufig, bei Produktseiten wird dagegen manchmal ein freigestelltes Produktfoto ohne Kontext übernommen. Prüfe deshalb mindestens Startseite, Leistungsseiten, wichtige Kategorien und aktuelle Kampagnen einzeln.
4.2 Umsetzung auf individuellen Websites
Bei einer individuell entwickelten Website setzt der Entwickler die Meta-Tags direkt im Kopfbereich oder erzeugt sie über das verwendete Template. Die Inhalte sollten dynamisch aus den Daten der jeweiligen URL kommen. Sonst tragen am Ende hundert Seiten denselben Titel und dasselbe Bild, obwohl sie unterschiedliche Angebote behandeln.
Bei einem Template-Test ist uns mehrfach derselbe unscheinbare Fehler begegnet: Die Felder im Backend waren korrekt gepflegt, im Quellcode wurde aber auf jeder URL das Standardbild der Startseite ausgegeben. Ein Blick ins Redaktionssystem hätte den Fehler nicht gezeigt. Erst die Prüfung des tatsächlich ausgelieferten HTML-Codes machte sichtbar, was die Plattform wirklich einlesen konnte.
Wenn du Meta-Angaben und technische Seitenelemente systematisch prüfen möchtest, kannst du einen Free Account nutzen:
5. Alte Vorschau trotz Änderung
Der zeitraubendste Open-Graph-Fehler liegt oft gar nicht mehr auf der Website. Du ersetzt Titel und Bild, kontrollierst den Quellcode und teilst die URL erneut. Trotzdem erscheint weiterhin die alte Karte. Viele Plattformen speichern eine einmal gelesene Linkvorschau im Cache, damit sie die Seite nicht bei jedem Teilen erneut abrufen müssen.
Mehrfaches Löschen und erneutes Teilen aktualisiert eine zwischengespeicherte Vorschau nicht zuverlässig. Prüfe zuerst den ausgelieferten Quellcode und stoße danach über das Prüfwerkzeug des jeweiligen Netzwerks ein erneutes Einlesen der URL an.
Meta stellt dafür den Sharing Debugger bereit, LinkedIn den Post Inspector. Solche Werkzeuge zeigen, welche Angaben die Plattform gefunden hat, welches Bild geladen wurde und ob beim Abruf Fehler auftraten. Mit einer erneuten Prüfung lässt sich der Cache häufig aktualisieren. In Messengern kann die alte Darstellung dennoch noch einige Zeit in einem bereits bestehenden Chat sichtbar bleiben.
Die sinnvolle Reihenfolge lautet deshalb:
6. Rankingeffekt realistisch einordnen
Open-Graph-Angaben sind kein direkter Google-Rankingfaktor. Ein besseres Vorschaubild hebt eine Seite daher nicht automatisch um mehrere Positionen. Der Nutzen entsteht außerhalb der klassischen SERP: Geteilte Links wirken klarer, vermitteln das Thema schneller und können mehr qualifizierte Besuche aus sozialen Netzwerken, Chats oder internen Kommunikationskanälen erzeugen.
Open Graph darf außerdem nicht mit der Meta-Description verwechselt werden. Die Meta-Description kann als Vorschautext in einem Google-Suchergebnis erscheinen. og:description ist dagegen für die Darstellung beim Teilen gedacht. Beide Texte dürfen ähnlich sein, werden aber von unterschiedlichen Systemen ausgewertet. Die Meta-Description beeinflusst laut OSG-Wissensbasis die Klickrate, aber nicht direkt das Ranking.
Priorisierung: Wenn deine Website kaum geteilt wird, musst du nicht zuerst jede Archivseite einzeln optimieren. Beginne mit fünf bis zehn geschäftlich relevanten URLs. Teste die Startseite, zentrale Leistungen, wichtige Kategorien, häufig versendete Ratgeber und aktuelle Kampagnen.
Diese Priorisierung spart mehr Zeit als eine pauschale Überarbeitung aller URLs. Eine Produktdetailseite, die regelmäßig über WhatsApp an Interessenten geschickt wird, verdient eine eigene Vorschau. Eine alte Tag-Seite ohne Besucher und ohne Verlinkungen kann warten.
7. Open Graph automatisch prüfen
Bei einer kleinen Website lassen sich die wichtigsten Seiten manuell kontrollieren. Bei einem Onlineshop oder Magazin mit Hunderten URLs wird das schnell unzuverlässig. Dort sollte ein Crawler prüfen, ob die vorgesehenen Angaben im Kopfbereich vorhanden und technisch auslesbar sind.
Der Technik-Crawler der Performance Suite untersucht Seiten automatisiert und führt technische Daten in einer zentralen Auswertung zusammen. Das Crawler-Konzept bezieht neben verlinkten URLs auch weitere relevante Quellen ein, darunter rankende Seiten, Traffic-URLs und beworbene Landingpages. Dadurch können auch Seiten auffallen, die in der Navigation kaum sichtbar sind.
Für Open Graph solltest du pro relevanter URL mindestens diese Punkte prüfen:
Ein Crawler kontrolliert die technische Grundlage. Die endgültige Darstellung solltest du trotzdem auf den Plattformen testen, über die deine Inhalte tatsächlich geteilt werden. Nur dort siehst du, ob Text abgeschnitten, ein Bild ungünstig zugeschnitten oder eine alte Version zwischengespeichert wird.
8. So gehen wir vor
Bei der Online Solutions Group GmbH prüfen wir zuerst die geschäftlich relevanten Seitentypen und danach die zugrunde liegenden Templates. So lässt sich unterscheiden, ob nur eine einzelne Redaktionseingabe fehlt oder ein technischer Fehler viele URLs betrifft. Die Performance Suite übernimmt die wiederkehrenden technischen Kontrollen, während unsere Experten Bildauswahl, Textwirkung und Priorität bewerten. Die konkrete Implementierung gehört zu einer sauberen Onpage-Optimierung durch die OSG.
9. Häufige Fragen zu Open Graph
Wofür braucht man Open Graph?
Open Graph legt fest, wie eine Webseite beim Teilen in sozialen Netzwerken und Messengern dargestellt wird. Dazu gehören vor allem Titel, Beschreibung und Vorschaubild.
Hat Open Graph Einfluss auf SEO?
Open-Graph-Tags haben keinen direkten Einfluss auf Google-Rankings. Sie können jedoch die Wahrnehmung und Klickwahrscheinlichkeit geteilter Links verbessern und dadurch zusätzliche Besucher auf die Website bringen.
Wo stehen Open-Graph-Tags im HTML?
Open-Graph-Tags stehen im Kopfbereich des HTML-Dokuments. Sie werden als Meta-Tags mit Eigenschaften wie og:title, og:description und og:image ausgegeben.
Welches Bild wird ohne og:image angezeigt?
Fehlt og:image, versucht die jeweilige Plattform häufig selbst ein geeignetes Bild auf der Seite zu finden. Das kann ein Beitragsbild, ein Logo oder ein unpassendes Seitenelement sein.
Warum wird nach einer Änderung noch das alte Bild angezeigt?
Viele Plattformen speichern Linkvorschauen im Cache. Nach einer Änderung muss die URL deshalb oft mit einem Prüfwerkzeug wie dem Meta Sharing Debugger oder dem LinkedIn Post Inspector neu eingelesen werden.
Was ist der Unterschied zwischen Open Graph und Twitter Cards?
Open Graph ist ein allgemeiner Standard für Linkvorschauen. Twitter Cards sind zusätzliche Meta-Angaben für die Darstellung auf X. Fehlen spezielle Twitter-Card-Angaben, kann die Plattform teilweise auf Open-Graph-Daten zurückgreifen.
Kann ich Open Graph in WordPress bearbeiten?
Ja. Viele SEO-Plugins bieten pro Beitrag und Seite eigene Felder für Social-Media-Titel, Beschreibung und Vorschaubild. Nach dem Speichern sollte die ausgelieferte Vorschau zusätzlich getestet werden.
10. Die nächsten Schritte
Teste zunächst die Seiten, die Kunden, Mitarbeiter oder Vertriebspartner regelmäßig teilen. Wenn Titel, Beschreibung und Bild dort sauber erscheinen, hast du den größten Hebel bereits abgedeckt. Bei vielen Seitentypen lohnt sich anschließend eine automatisierte Prüfung der Templates, damit neue Inhalte von Anfang an mit vollständigen Angaben veröffentlicht werden.
Du möchtest prüfen lassen, ob die Meta-Angaben deiner wichtigsten Seiten technisch und inhaltlich sauber umgesetzt sind? Im kostenlosen Potenzialcheck ordnen wir ein, welche URLs zuerst bearbeitet werden sollten. Das Erstgespräch ist unverbindlich und kein Verkaufsgespräch.
Keine Kommentare vorhanden