Falsches Vorschaubild beim Teilen? So stellst du das Open-Graph-Bild in WordPress richtig ein

Wenn beim Teilen eines Links auf LinkedIn, Facebook oder WhatsApp das falsche Bild erscheint, liegt das fast immer an einem von vier Dingen: Es ist kein og:image gesetzt, das Bild ist zu klein, ein Cache hält die alte Vorschau fest, oder ein Plugin überschreibt deine Einstellung. Alle vier lassen sich in WordPress in wenigen Minuten beheben, wenn du weißt, wo du suchen musst.

Was das Open-Graph-Bild eigentlich ist

Open Graph ist ein Satz von Meta-Tags im Kopfbereich deiner Seite. Soziale Netzwerke und Messenger lesen sie aus, sobald jemand einen Link einfügt. Das Tag og:image verweist auf das Vorschaubild, og:title und og:description liefern Überschrift und Text der Link-Karte. Das Protokoll schreibt keine feste Pixelgröße vor. In der Praxis hat sich aber ein Format durchgesetzt, das praktisch überall als große Karte angezeigt wird.

Die richtigen Maße

• 1200 × 630 Pixel (Seitenverhältnis etwa 1,91:1) ist die gängige Empfehlung. LinkedIn nennt für Link-Vorschauen 1200 × 627, das ist praktisch dasselbe.
• Mindestens 600 × 315 Pixel. Kleinere Bilder werden von vielen Netzwerken nur als kleines Quadrat neben dem Text angezeigt.
• JPG oder PNG sind die sichere Wahl, die Dateigröße sollte deutlich unter 5 MB bleiben. Moderne Plugins unterstützen inzwischen auch WebP, aber nicht jede Plattform und jeder Messenger geht damit gleich gut um.
• Wichtiges in die Mitte setzen. Je nach Plattform wird am Rand beschnitten. Text im Bild sollte deshalb nicht am Rand kleben.

Schritt für Schritt: Bild pro Seite oder Beitrag setzen

Die Beispiele gehen von Rank Math aus, bei Yoast SEO ist der Ablauf sehr ähnlich.

1. Öffne die Seite oder den Beitrag im Editor und scrolle zum Bereich Rank Math SEO (in der Seitenleiste oder unter dem Inhalt).
2. Wechsle auf den Tab Social. Dort legst du Facebook-Bild, Titel und Beschreibung fest. Bei Yoast heißt der Bereich Social im Feld unter dem Editor.
3. Lade das Bild in 1200 × 630 Pixeln hoch und speichere.
4. Rufe die Seite im Browser auf, öffne den Quelltext (Strg+U) und suche nach og:image. Dort muss die URL deines Bildes stehen.

Ist kein eigenes Bild hinterlegt, greift meist das Beitragsbild als Fallback. Genau das führt oft zu schlecht beschnittenen Vorschauen, weil Beitragsbilder selten im Format 1,91:1 angelegt sind.

Ein Standardbild für die ganze Website festlegen

Für Seiten ohne eigenes Bild solltest du einen sauberen Fallback definieren, statt dem Zufall zu überlassen, was die Plattform zieht. In Rank Math findest du das unter Rank Math SEO → Titel & Meta → Globale Meta (Bereich Social Meta bzw. Standard-Bild für Social-Vorschau). Ein neutrales Markenbild mit Logo ist hier besser als ein beliebiges Foto.

Typische Fehlerbilder und ihre Ursache

• Es erscheint ein altes Bild. Das Netzwerk hat die Seite schon einmal eingelesen und speichert die Vorschau zwischen. Lösung: Cache leeren (siehe unten).
• Das Bild ist winzig oder unscharf. Die Datei ist kleiner als 600 Pixel in der Breite oder es wird eine stark verkleinerte Mediathek-Größe verwendet. Im Support-Forum von Rank Math tauchte als Ursache zum Beispiel ein nur 400 Pixel breites Bild auf.
• Gar kein Bild. Prüfe, ob die Seite per Passwort geschützt ist, im Wartungsmodus läuft oder die Bild-URL für Fremdzugriffe gesperrt ist. Der Crawler des Netzwerks sieht nur, was ein anonymer Besucher sieht.
• Zwei og:image-Tags. Wenn Theme und SEO-Plugin beide Open-Graph-Tags ausgeben, nimmt das Netzwerk eventuell das falsche. Im Quelltext siehst du das sofort. Dann in einem der beiden die Social-Ausgabe abschalten.
• Seiten-Cache liefert Altbestand aus. Nach der Änderung zuerst den Cache deines Caching-Plugins und gegebenenfalls des Hosters leeren.

Vorschau neu einlesen lassen

Netzwerke holen sich die Daten nicht bei jedem Teilen neu. Zum Erzwingen gibt es kostenlose Werkzeuge:

• LinkedIn Post Inspector (linkedin.com/post-inspector): URL eingeben, prüfen, die Vorschau wird neu eingelesen.
• Facebook Sharing Debugger (developers.facebook.com/tools/debug): URL eingeben und auf Scrape Again klicken. Eine Warnung wegen fehlender fb:app_id kannst du für normale Unternehmensseiten ignorieren, sie ändert nichts an der Darstellung.

WhatsApp und viele andere Messenger bieten kein eigenes Tool. Dort hilft oft, an die URL einen harmlosen Parameter anzuhängen (zum Beispiel ?v=2), damit sie als neue Adresse behandelt wird.

Kurze Checkliste

1. Bild 1200 × 630 Pixel, wichtige Inhalte mittig.
2. Pro Seite im Social-Tab gesetzt, globaler Fallback hinterlegt.
3. Im Quelltext genau ein og:image.
4. Cache geleert, Vorschau im Post Inspector bzw. Sharing Debugger neu eingelesen.

Wie Bilder generell für Web und Ladezeit aufbereitet werden, erklären wir in unserem Beitrag Bilder für die Website optimieren. Die passenden Formate für die Plattformen selbst findest du in Bildgrößen für Social Media 2026. Wenn du für deine Website ein durchgängiges Bildkonzept inklusive Social-Vorlagen brauchst, schau dir unsere Leistungen an.