Was ist Open Graph?
Du teilst deinen neuen Blogartikel auf LinkedIn. Im besten Fall erscheint eine große Karte mit Bild, Titel und Beschreibung. Im schlechtesten nur die nackte Adresse. Den Unterschied macht Open Graph (OG).
Open Graph ist ein Protokoll aus Meta-Tags, die im <head> deiner Seite stehen. Facebook hat es entwickelt, inzwischen lesen es auch LinkedIn, viele Messenger und andere Plattformen. Ein Tag sieht so aus: <meta property="og:title" content="…">.
Laut der Protokoll-Seite ogp.me sind vier Angaben Pflicht:
- og:title — der Titel in der Vorschau
- og:type — die Art der Seite, etwa website oder article
- og:image — das Vorschaubild
- og:url — die kanonische Adresse der Seite
Dazu kommen nützliche optionale Angaben wie og:description (ein, zwei Sätze), og:site_name und og:locale. Wer ein Bild setzt, soll laut Protokoll auch einen Alternativtext mit og:image:alt angeben.
Welche Bildgröße brauchst du?
Das Bild entscheidet, ob jemand stehen bleibt. Die Plattformen geben fast dieselben Werte vor:
Plattform
Empfehlung
mind. 1200 × 630 px, 1,91 : 1, bis 8 MB
mind. 1200 × 627 px, 1,91 : 1, bis 5 MB
Mit 1200 × 630 Pixeln bist du auf beiden sicher. Unter 600 × 315 Pixeln zeigt Facebook das Bild nur klein, unter 200 × 200 gar nicht. LinkedIn zeigt Bilder unter 401 Pixeln Breite nur als kleines Vorschaubild. Halte wichtige Inhalte in der Bildmitte, damit nichts angeschnitten wird.
Warum die alte Vorschau bleibt
Du hast das Bild geändert, aber Facebook zeigt stur das alte? Das ist der Cache. Meta schreibt selbst, dass Bilder anhand ihrer Adresse zwischengespeichert und erst aktualisiert werden, wenn sich die Adresse ändert.
- Facebook: Seite im Sharing Debugger von Meta neu einlesen lassen.
- LinkedIn: Adresse im Post Inspector prüfen.
- Sicherster Weg: das neue Bild unter neuem Dateinamen hochladen.
Ein zweiter Klassiker: Beim allerersten Teilen fehlt das Bild, weil der Crawler es noch nie gesehen hat. Meta empfiehlt, dafür og:image:width und og:image:height mitzugeben oder die Seite vorher einmal durch den Debugger zu schicken.
Häufige Fehler
Fehler 1 · Kein oder ein zu kleines Bild
Ohne og:image greifen die Plattformen irgendein Bild von der Seite — gern das Logo im Footer. Setz für jede wichtige Seite ein eigenes Vorschaubild.
Fehler 2 · og:url zeigt auf die falsche Adresse
Steht in og:url eine Adresse mit Parametern oder eine, die weiterleitet, verteilen sich Likes und Shares auf mehrere Varianten. Meta behandelt Links mit gleicher og:url als eine Seite — sie sollte also auf die endgültige, kanonische Adresse zeigen.
Fehler 3 · Der Crawler wird ausgesperrt
Firewall, Bot-Schutz oder Cookie-Wall blockieren den Abrufer von Meta, der sich als facebookexternalhit meldet. Dann bleibt die Vorschau leer, obwohl die Tags stimmen.
Fehler 4 · Doppelte Tags
Theme und SEO-Plugin geben beide OG-Tags aus. Laut Protokoll gewinnt bei widersprüchlichen Angaben die erste — und das ist oft die falsche. Prüf den Quelltext und schalte eine Quelle ab.
Open Graph in WordPress
Mit Yoast SEO musst du die Tags nicht von Hand schreiben. Yoast gibt og:locale, og:type, og:title, og:url und og:site_name immer aus, je nach Seite auch Beschreibung, Bild und Veröffentlichungsdatum. Fürs Bild nimmt Yoast der Reihe nach: dein eigenes Social-Bild, das Beitragsbild, ein Bild aus dem Inhalt, zuletzt ein globales Standardbild.
Häufige Fragen
Welche Bildgröße braucht ein Open-Graph-Bild?
1200 × 630 Pixel im Format 1,91 zu 1 passen für Facebook und LinkedIn. Facebook erlaubt bis 8 MB, LinkedIn bis 5 MB. Unter 600 × 315 Pixeln zeigt Facebook das Bild nur klein an.
Warum zeigt Facebook oder LinkedIn noch das alte Bild?
Weil die Plattformen Vorschauen zwischenspeichern. Lies die Seite im Sharing Debugger von Meta oder im Post Inspector von LinkedIn neu ein. Am sichersten ist ein neuer Dateiname für das Bild.
Ist Open Graph ein Rankingfaktor bei Google?
Dafür gibt es keinen Beleg. Google nutzt og:title zwar als eine von mehreren Quellen für den Titel im Suchergebnis, ein direkter Rankingeffekt ist aber nicht bekannt. Der Nutzen liegt in mehr Klicks und Shares auf Social Media.
Brauche ich zusätzlich Tags für X?
Setz den Tag twitter:card, zum Beispiel mit dem Wert summary_large_image. Titel, Beschreibung und Bild kann X aus den Open-Graph-Tags übernehmen.
Was ist der Unterschied zwischen Open Graph und Schema.org?
Open Graph steuert, wie ein Link auf Social Media und in Messengern aussieht. Schema.org hilft Suchmaschinen, den Inhalt einer Seite zu verstehen. Beides sind Metadaten, aber für verschiedene Empfänger.
