Dein Open-Graph-Bild ist das Plakat in jedem Feed. Ein unscharfer Crop oder fehlende Datei killt Klicks, bevor jemand die Überschrift liest. Diese OG-Bild-Validator-Checkliste gibt Marketers eine wiederholbare Review vor jeder Kampagne, jedem Produktlaunch und jeder Blog-Promotion.
Kurzantwort
Vor dem Teilen jeder URL bestätigen: OG-Bild ist 1200 × 630 px (oder größer im 1.91:1-Verhältnis), unter 8 MB, über HTTPS mit 200-Response erreichbar und in Thumbnail-Größe lesbar. Live-URL mit OpenGraph Check scannen, Crop auf jeder Zielplattform freigeben und prüfen, dass das Bild zur aktuellen Kampagnen-Grafik passt. Issues vor der Post-Planung fixen, nicht nach Beschwerden.
Warum Marketer OG-Bilder validieren sollten
Link-Vorschau-Bilder treiben die Klickrate stärker als jedes andere Element der Share-Karte. Typische Fehler, die Marketer zu spät entdecken:
- Logo aus dem Header statt Kampagnen-Grafik
- Text auf LinkedIns höherer Karte abgeschnitten
- Altes Produkt-Screenshot nach Rebrand
- Leere Karte, weil das CMS kein Beitragsbild gesetzt hat
- Niedrig aufgelöstes Bild, das auf Retina-Displays weich wirkt
Fünf Minuten Validierung verhindert all das.
Checkliste vor dem Upload
Vor dem Upload ins CMS, WordPress-Beitragsbild oder CDN abhaken.
Maße und Seitenverhältnis
- Minimum 1200 × 630 px (Seitenverhältnis 1.91:1)
- Safe Zone: Logos und Headlines innerhalb der mittleren 80% des Frames
- Kein kritischer Text innerhalb 40 px eines Randes (Crop-Puffer)
- Höhere Auflösung (2400 × 1260 px) für Retina-Schärfe OK
Plattform-Details: Open-Graph-Bildgröße.
Dateiformat und Größe
- Format: JPG (Fotos), PNG (Grafik mit Text) oder WebP (wenn CDN unterstützt)
- Dateigröße unter 8 MB (unter 1 MB bevorzugt für schnellen Crawler-Fetch)
- sRGB-Farbprofil für konsistente Darstellung
- Kein animiertes GIF (die meisten Plattformen ignorieren es oder zeigen nur Frame eins)
Visuelles Design
- Headline bei 400 px Breite lesbar (Mobile-Feed simulieren)
- Markenlogo sichtbar, dominiert aber nicht den Frame
- Hoher Kontrast zwischen Text und Hintergrund
- Konsistent mit aktuellen Brand Guidelines und Kampagnen-Grafik
- Keine irreführende Grafik, die nicht zum Seiteninhalt passt
Inhaltliche Genauigkeit
- Bild spiegelt aktuelles Produkt, Angebot oder Artikelthema
- Keine abgelaufenen Daten, alte Preise oder veraltete Event-Infos im Bildtext
- Passt zur
og:title-Botschaft (kein Bait-and-Switch zwischen Bild und Überschrift)
Technische Checkliste nach Upload
Nach dem Setzen im CMS und Veröffentlichen der Seite.
URL und Erreichbarkeit
-
og:imageim Seitenquelltext ist absolute HTTPS-URL - Bild-URL öffnet im Browser ohne Login (HTTP 200)
- Keine Redirect-Kette zwischen Tag-Wert und finalem Bild
- CDN blockiert keine Social-Crawler-User-Agents
- Bild nicht hinter Hotlink-Schutz, der Facebook- oder LinkedIn-Bots ablehnt
Kaputte Bilder: Fehlendes OG-Bild beheben.
Meta-Tag-Abstimmung
-
og:titleergänzt das Bild (nicht redundant, nicht widersprüchlich) -
og:descriptionliefert Kontext, den das Bild nicht zeigen kann -
og:urlentspricht der exakten Share-URL - Nur ein
og:image-Tag im HTML (keine Plugin-Duplikate)
Tag-Basics: Open-Graph-Tags erklärt.
Plattform-Vorschau-Checkliste
OpenGraph Check ausführen und jede Vorschau freigeben.
Facebook und WhatsApp
- Bild füllt die Karte ohne Letterboxing
- Kein wichtiger Inhalt oben oder unten abgeschnitten
- Titel und Description erscheinen korrekt unter dem Bild
WhatsApp nutzt Meta-Cache. Bei Fehler: Facebook Sharing Debugger re-scrapen.
- Bild-Crop bei LinkedIns höherem Seitenverhältnis akzeptabel
- Professioneller Ton passt zu B2B-Erwartungen
- Post Inspector bestätigt Bild nach Änderungen
Anleitung: LinkedIn Post Inspector.
X (Twitter)
-
summary_large_image-Card zeigt volles Bild - Explizites
twitter:image, wenn anderer Crop nötig - Open Graph vs. Twitter Card vergleichen
Discord und Slack
- Bild lädt in Discord-Vorschau (OpenGraph Check deckt Discord ab)
- Privaten Slack-Test-Link für Team-Channels senden
Kampagnen-Launch-Checkliste
Erweiterte Liste für Produktlaunches, Webinare und Paid-Kampagnen.
- Dediziertes OG-Bild für diese Kampagne (kein generischer Site-Default)
- Alle Landing-Page-Varianten nutzen dasselbe OG-Bild
- UTM-Parameter auf Share-URL brechen kein Bild oder Tags
- Staging-URL vor Go-Live gescannt, Production-URL danach
- Cache auf CDN und CMS nach Bild-Tausch geleert
- Plattform-Debugger für zuvor geteilte URLs re-gescraped
- Paid-Team hat Vorschau im Ad-Composer bestätigt
- Organic-Social-Team hat Vorschau in nativen Schedulern bestätigt
- Screenshot der OpenGraph-Check-Ergebnisse für Kampagnen-Akte gespeichert
Vorschau-Workflow: Website-Vorschau vor dem Teilen.
Typische Marketer-Fehler
Hero-Banner ohne OG-Optimierung nutzen
Website-Hero-Bilder sind oft breiter als 1.91:1. Plattformen croppen aggressiv. Dediziertes OG-Asset designen.
Auf auto-generierte Bilder vertrauen
CMS-Plugins wählen Beitragsbilder oder erstes Seitenbild automatisch. Auto-Auswahl wählt oft Logos, Autorenfotos oder irrelevante Stock-Grafik.
Re-Validierung nach Edits überspringen
Beitragsbild-Wechsel in WordPress aktualisiert nicht den Plattform-Cache. Nach jedem Bild-Wechsel erneut scannen und re-scrapen. Siehe Link-Vorschau-Cache erklärt.
Zu viel Text auf dem Bild
Feeds zeigen Karten klein. Mehr als 8-10 Wörter auf einem OG-Bild wird unlesbar. Details in og:description.
Mobile-Crop ignorieren
Desktop-Vorschau sieht perfekt aus. LinkedIn-Mobile-Feed cropt anders. Immer das Preview-Grid prüfen, nicht nur Full-Size-Review.
Schneller Validierungs-Workflow (5 Minuten)
- Live-Seiten-URL in OpenGraph Check öffnen
- Keine Warnungen zu fehlendem oder kaputtem Bild bestätigen
- Preview-Grid auf Facebook, LinkedIn, X, WhatsApp prüfen
- Bild-URL in neuem Tab öffnen (200, richtige Datei)
- Privaten Test-Link in einer Messaging-App senden
- Freigeben oder Fix-Liste an Entwicklung schicken
Voller Test-Guide: Open-Graph-Tags testen.
Wann an Entwicklung eskalieren
Ticket schicken, wenn die Checkliste zeigt:
og:imagefehlt komplett im Seitenquelltext- Bild-URL liefert 403 oder 404
- Tags im Admin, aber nicht im Seitenquelltext (Client-Side-Rendering)
- Doppelte widersprüchliche Tags von Plugin und Theme
- Bild im Checker korrekt, auf einer Plattform nach Debugger-Re-Scrape falsch
Framework-Guides: Open-Graph-Tags in WordPress, Open-Graph-Tags in Next.js.
FAQ
Wie oft soll Marketer diese Checkliste laufen?
Jede URL, die aktiv beworben wird. Minimum: Produktlaunches, Paid-Kampagnen und Newsletter-Artikel.
Ist 1200 × 630 px 2026 noch Standard?
Ja für Facebook, LinkedIn und die meisten Netzwerke. Sicherer Universal-Default. Plattform-spezifische Maße können leicht variieren.
Dasselbe OG-Bild für jede Seite?
Site-weiter Default für generische Shares OK. Kampagnen- und Artikel-Seiten performen besser mit eigenen Bildern.
Was, wenn ich nur auf LinkedIn poste?
Trotzdem alle Tags validieren. LinkedIn liest denselben Open-Graph-Standard. LinkedIn Post Inspector plus OpenGraph Check.
Spielt der Bild-Dateiname für SEO eine Rolle?
Minimal direkter Impact. Beschreibende Dateinamen für Organisation. Crawler nutzen die URL, nicht den Dateinamen, für die Anzeige.
Soll das OG-Bild Firmenlogo enthalten?
Ja, aber sekundär zur Botschaft. Logo in der Ecke, Headline zentriert.
Wem gehört die Checkliste - Marketing oder Entwicklung?
Marketing owns Creative und Preview-Freigabe. Entwicklung owns Tag-Implementierung und Server-Auslieferung. Beide signieren vor Launch.
Fazit
Eine OG-Bild-Validator-Checkliste macht Share-Qualität vom Hoffen zum Prozess. Maße, Datei-Zugriff und Plattform-Crops vor jeder Promotion validieren. Mit OpenGraph Check scannen, Warnungen fixen, Screenshots für die Akte speichern und Links teilen, die im Feed genauso gut aussehen wie in der Design-Datei.
