og:image wird nicht angezeigt? So beheben Sie es
Wenn ein og:image nicht angezeigt wird, liegt das fast immer an einer von fünf Ursachen: Die Bild-URL ist nicht öffentlich zugänglich, das Bild ist zu groß, die Plattform hat eine alte Version zwischengespeichert, die Tags zielen auf die falsche Seite oder das Bildformat wird nicht unterstützt. Diese Anleitung führt Sie durch jede Lösung mit den Debugging-Tools, die Facebook, X und LinkedIn bereitstellen.
Warum wird mein og:image nicht angezeigt?
Meistens ist die Bild-URL nicht öffentlich abrufbar, die Datei überschreitet die Limits der Plattform oder die Plattform zeigt eine zwischengespeicherte Kopie an. Soziale Plattformen führen Scrapes nach einem Zeitplan durch und speichern aggressiv zwischen, sodass ein neues Bild oft scheinbar „nicht funktioniert“, bis Sie mit deren Debug-Tools eine Aktualisierung erzwingen.
Die fünf häufigsten Ursachen (und Lösungen)
1. Die Bild-URL ist nicht öffentlich
Plattformen müssen das Bild ohne Authentifizierung abrufen können. Eine URL hinter einem Login, localhost oder einer IP-Adresse schlägt fehl.
Lösung: Hosten Sie das Bild unter einer öffentlichen, HTTPS-URL und bestätigen Sie, dass curl -I <image-url> 200 OK mit einem Bild Content-Type zurückgibt.
2. Das Bild ist zu groß
Die meisten Plattformen begrenzen OG-Bilder auf 8 MB (X bei etwa 5 MB). Ein großes PNG schlägt still fehl.
Lösung: Halten Sie die Datei unter 5 MB; eine 1200×630-Textkarte ist in der Regel 200–500 KB groß. Bei FastOG ist die PNG-Ausgabe bereits auf diesen Wert ausgelegt.
3. Die Plattform hat eine alte Version gecacht
Facebook, X, LinkedIn, Slack und Discord cachen aggressiv. Meta speichert außerdem eine eigene Kopie des Bildes und verknüpft die Vorschau mit der Seiten-URL, sodass eine neue Bild-URL allein nichts bewirkt. Nach einer Bildänderung bleibt die alte Karte stunden- oder tagelang bestehen.
Lösung: Erzwingen Sie ein erneutes Abrufen mit dem Tool der Plattform (siehe unten). Für wechselnde Bilder verwenden Sie eine URL, die sich mit dem Inhalt ändert (FastOGs signierte URLs erledigen dies automatisch). Für die eine Plattform, die ein programmatisches Aktualisieren erlaubt, siehe Facebook-Open-Graph-Cache-Refresh erzwingen.
4. Falsche URL oder falsche Seite
Das og:image-Tag fehlt möglicherweise, ist doppelt vorhanden oder zeigt auf eine Seite ohne dieses Tag.
Lösung: Zeigen Sie den Seitenquelltext an und bestätigen Sie, dass das og:image-Tag vorhanden, serverseitig gerendert und absolut ist.
5. Nicht unterstütztes Format
Einige Plattformen lehnen bestimmte Formate oder animierte Bilder ab.
Lösung: Verwenden Sie PNG oder JPG; 1200×630 ist das unterstützte Seitenverhältnis.
Debugging-Tools
| Plattform | Tool |
|---|---|
| Facebook / WhatsApp | Sharing Debugger — developers.facebook.com/tools/debug |
| X / Twitter | Card Validator — cards-dev.twitter.com/validator |
Post Inspector — linkedin.com/post-inspector |
Fügen Sie die URL ein und klicken Sie dann auf „Scrape“ / „Refresh“, um die neuesten Tags abzurufen.
FastOG-Besonderheiten
- FastOG rendert 1200×630 PNG – die unterstützte Größe –, sodass Probleme mit Größe/Verhältnis vermieden werden.
- Signierte URLs beschränken nur den ersten Render; gecachte Bilder bleiben gültig, sodass eine geteilte Karte weiterhin funktioniert.
- Titel ändern → URL ändern → ein neuer Render. Die Plattform übernimmt (letztendlich) die neue Karte, wenn Sie ein erneutes Scraping erzwingen.
FAQ
Garantiert FastOG, dass mein og:image angezeigt wird?
FastOG liefert ein gültiges 1200×630-PNG von einer öffentlichen URL aus. Ob die Plattform es anzeigt, hängt von ihrem Cache ab – führen Sie nach einer Änderung des Bildes erneut einen Scrape mit dem Validator durch.
Warum zeigt Facebook auch nach meiner Aktualisierung ein altes Bild an?
Facebook cached Scrapes und behält eine eigene Kopie des Bildes – eine neue og:image-URL allein ändert daran also nichts. Verwenden Sie den Sharing Debugger → „Scrape Again"; Force a Facebook Open Graph Cache Refresh behandelt den API-Weg, das benötigte App-Token und die einzuhaltenden Rate Limits.
Wie erzwinge ich, dass X meine neue Karte anzeigt?
Öffnen Sie den X Card Validator und fügen Sie die URL ein. Er ruft die neuesten og:image und twitter:image erneut ab.