Du hast eine Seite veröffentlicht, den Link geteilt — und die Vorschau zeigt das falsche Bild oder gar keins. Fast jedes OG-Image-Problem ist eines von drei Dingen: fehlende Tags, eine kaputte Bild-URL oder ein veralteter Cache. Dieser Guide zeigt dir, wie du dein OG Image vor dem Teilen prüfst — und wie du jeden dieser Fehler behebst, wenn er auftritt.
Prüfe zuerst die Tags
Bevor du zu irgendeinem Tool greifst, öffne den Quelltext deiner Seite (Ctrl+U / Cmd+U) und stelle sicher, dass diese Tags im <head> vorhanden sind:
<meta property="og:title" content="Launch day: v2.0" />
<meta property="og:description" content="Everything new in this release." />
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Zwei Regeln fangen die meisten Bugs sofort ab:
og:imagemuss eine absolute HTTPS-URL sein. Relative Pfade (/og/launch.png) scheitern bei den meisten Crawlern.- Die Bild-URL muss öffentlich erreichbar sein — öffne sie in einem Inkognito-Fenster. Wenn sie einen Login verlangt, weiterleitet oder einen 404 liefert, kann keine Plattform sie abrufen.
Wenn du unsicher bist, ob dein Bild überhaupt die richtige Größe hat, starte mit unserem Guide zur OG Image Größe — die Abmessungen sind die andere Hälfte einer funktionierenden Vorschau.
Vorschau-Tools nach Plattform
Jede große Plattform bietet einen offiziellen Debugger, der genau zeigt, was ihr Crawler sieht:
| Plattform | Tool | Was es macht |
|---|---|---|
| Sharing Debugger | Zeigt die gescrapte Card, listet Warnungen auf und bietet einen „Scrape Again“-Button | |
| Post Inspector | Rendert die Vorschau und aktualisiert LinkedIns Cache bei jeder Prüfung | |
| X (Twitter) | Einen Post als Entwurf verfassen | X hat die eigenständige Card-Validator-Vorschau eingestellt — füge den Link in einen Entwurf ein (oder schicke ihn dir selbst per DM), um die Live-Card zu sehen |
| Slack | Schreibe dir selbst eine Nachricht | Slack entfaltet Links in Echtzeit; eine Selbst-DM ist die schnellste OG-Vorschau überhaupt |
| Discord | In einen beliebigen Channel einfügen | Embeds rendern sofort aus deinen Open-Graph-Tags |
| WhatsApp / Telegram | An „Gespeicherte Nachrichten“ / dich selbst senden | Beide lesen og:image; Telegram cacht hartnäckig (siehe unten) |
Ein praktikabler Workflow: Tags korrigieren → den Facebook Sharing Debugger laufen lassen (er liefert die detailliertesten Warnungen) → dann gezielt die Plattform prüfen, auf die es dir wirklich ankommt.
Einen Cache-Refresh erzwingen
Plattformen cachen Link-Vorschauen aggressiv — manchmal wochenlang. Wenn du dein OG Image aktualisiert hast, aber weiterhin das alte siehst:
- Facebook: Öffne den Sharing Debugger und klicke auf Scrape Again.
- LinkedIn: Jage die URL durch den Post Inspector — die Prüfung selbst leert den Cache.
- X: Es gibt keinen manuellen Refresh; der Cache läuft üblicherweise innerhalb von etwa einer Woche ab.
- Telegram: Schicke deine URL an
@WebpageBot, um ein erneutes Crawlen zu erzwingen. - Der universelle Fallback: Ändere die Bild-URL. Ein angehängter Versions-Query (
/og/launch.png?v=2) — oder besser ein Dateiname mit Content-Hash — lässt jede Plattform das Bild sofort als brandneu behandeln.
Wenn deine OG Images aus einer Pipeline kommen, backe von Tag eins eine Version oder einen Hash in den Dateinamen. Cache-Invalidierung hört dann komplett auf, ein Problem zu sein.
Warum dein OG Image immer noch nicht angezeigt wird
Debugger durchlaufen und das Bild fehlt trotzdem? Geh diese Liste durch:
- Das Bild ist zu groß oder zu langsam. Crawler brechen bei Multi-Megabyte-Dateien ab. Bleib unter 1 MB (deutlich unter 300 KB für WhatsApp).
- Die Bildabmessungen liegen unter der Schwelle für die große Card. Unter 600×315 fällt Facebook auf ein kleines Thumbnail zurück. Exportiere in 1200×630 — der Größen-Guide hat die komplette Aufschlüsselung.
- Deine Seite blockiert Crawler. Prüfe, ob
robots.txt, eine Firewall oder ein Bot-Schutzfacebookexternalhit,TwitterbotoderLinkedInBotmit 403 abspeist. - Die Tags werden clientseitig injiziert. Die meisten Social-Crawler führen kein JavaScript aus. OG-Tags müssen im servergerenderten HTML stehen.
- Mehrere
og:image-Tags kollidieren. Plattformen nehmen in der Regel das erste — entferne Überbleibsel aus Templates oder Plugins.
Prüfe vor dem Veröffentlichen, nicht danach
Die Debugger oben sagen dir im Nachhinein, was schiefgelaufen ist. Die günstigere Gewohnheit: das Bild richtig machen, bevor es live geht. Unser kostenloser OG Image Generator zeigt beim Bearbeiten eine Live-Vorschau in exakt 1200×630 — was du im Editor siehst, ist Pixel für Pixel das, was die Card zeigen wird — und exportiert ein optimiertes PNG, das jeden Check in diesem Artikel besteht. Ohne Anmeldung, ohne Wasserzeichen.
FAQ
Wie kann ich mein OG Image prüfen, ohne zu posten?
Nutze den Facebook Sharing Debugger oder den LinkedIn Post Inspector für ein offizielles Rendering — oder schicke dir den Link selbst in Slack, Discord oder WhatsApp. Selbst-Nachrichten entfalten sich genauso wie öffentliche Shares.
Wie lange hält der OG-Image-Cache?
Das variiert: Facebook cacht, bis du ein erneutes Scrapen erzwingst, LinkedIn aktualisiert über den Post Inspector, bei X läuft der Cache von selbst innerhalb von etwa einer Woche ab. Die Bild-URL zu ändern (?v=2 oder ein neuer Dateiname) umgeht alle Caches auf einmal.
Warum erscheint mein OG Image auf Facebook, aber nicht in WhatsApp?
Fast immer die Dateigröße. WhatsApp gibt bei schweren Bildern auf — komprimiere dein PNG oder liefere eine kleinere Variante aus und bleib deutlich unter 300 KB.
Funktionieren OG-Tags auf Seiten, die mit JavaScript gerendert werden?
Nur wenn die Tags bereits in der ersten Server-Antwort enthalten sind. Social-Crawler führen in der Regel kein JavaScript aus — clientseitig injizierte Meta-Tags sind für sie unsichtbar.
