Fehlendes OG-Bild beheben
Schritt-für-Schritt, wenn og:image leer, kaputt oder in Social-Vorschauen unsichtbar ist.
Ein fehlendes og:image ist einer der häufigsten Open-Graph-Fehler. Der Link lässt sich teilen, aber ohne Bild — die Klickrate sinkt deutlich. So behebst du das systematisch.
1. Prüfen, ob der Tag im Server-HTML existiert
Seitenquelltext anzeigen (nicht DevTools nach JavaScript). Nach og:image suchen. Fehlt er, im <head> ergänzen:
<meta property="og:image" content="https://deineseite.de/images/og.jpg" />
Client-Side-Frameworks, die Meta-Tags erst nach dem Laden setzen, funktionieren für die meisten Crawler nicht.
2. Absolute HTTPS-URL verwenden
Falsch:
<meta property="og:image" content="/images/og.jpg" />
Richtig:
<meta property="og:image" content="https://deineseite.de/images/og.jpg" />
3. Bild öffentlich erreichbar machen
Bild-URL im Inkognito-Fenster öffnen. Typische Blocker:
- Login- oder Paywalls auf dem Bildpfad
robots.txtblockiert das Bildverzeichnis- Bot-Schutz (Cloudflare-Challenges, Rate Limits)
- Hotlink-Schutz auf CDNs
- Abgelaufene signierte URLs
4. Abmessungen und Format prüfen
1200 × 630 px, JPG oder PNG, unter 1 MB. Zu kleine Bilder werden ignoriert oder wirken unscharf.
5. Twitter-Fallback ergänzen
Manche Tools prüfen nur twitter:image. Dieselbe URL spiegeln:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://deineseite.de/images/og.jpg" />
6. Plattform-Caches nach dem Fix leeren
Auch nach dem Fix cachen Plattformen alte Vorschauen:
- Facebook — Sharing Debugger
- LinkedIn — Post Inspector
- X — Card Validator
7. Vorher und nachher scannen
URL in OpenGraph Check prüfen — ob das Bild erkannt wird, erreichbar ist und auf allen Plattformen korrekt rendert.