Open Graph: Vorschaubild

Was geprüft

Geprüft wird das Bild aus <meta property="og:image">: ob eine http(s)-Adresse angegeben ist, ob sie absolut ist, ob das Bild abrufbar ist, ob die Datei laut Dateikopf (Magic Bytes) wirklich ein Bild ist und ob sie unter 5 MB liegt. Gemessen werden außerdem Format und Maße: Mindestgröße 600×315 Pixel, empfohlen 1200×630 Pixel mit Seitenverhältnis 1,91:1 (Empfehlung und Seitenverhältnis nur als Hinweis). Wurde das Bild nicht abgerufen, lautet das Ergebnis „nicht geprüft“.

Wie relevant

Mittel, wenn og:image fehlt, keine http(s)-Adresse enthält, nicht abrufbar, kein Bild oder größer als 5 MB ist. Niedrig bei relativer Adresse, bei einem unüblichen Format (z. B. SVG) oder wenn das Bild kleiner als 600×315 Pixel ist. Das Vorschaubild hat das höchste Gewicht der Kategorie, weil es geteilte Links am stärksten prägt.

Warum

Ohne gültiges Vorschaubild zeigen Plattformen ein kleines, ein beliebiges oder gar kein Bild. Viele Plattformen lehnen Bilder ab, die zu groß, zu klein oder nicht direkt abrufbar sind.

Wie beheben

Hinterlegen Sie ein Bild im Format PNG, JPEG oder WebP mit 1200×630 Pixeln und unter 5 MB, mit absoluter https-Adresse. Das Bild sollte ohne Anmeldung, Weiterleitung auf eine HTML-Seite oder Bot-Sperre abrufbar sein.

Nebenwirkung: Plattformen schneiden Bilder je nach Ansicht unterschiedlich zu; wichtige Inhalte gehören deshalb in die Bildmitte. Firewall- oder Bot-Schutzregeln können die Abrufer der Plattformen blockieren; prüfen Sie die Vorschau mit dem Sharing Debugger von Facebook und dem Post Inspector von LinkedIn.

WordPress: SEO-Plugins nutzen als og:image das Beitragsbild oder ein Standardbild aus den Einstellungen. Ist kein Beitragsbild gesetzt, fehlt og:image oft; tragen Sie in den Plugin-Einstellungen ein Standardbild ein. Bildoptimierungs-Plugins, die auf WebP oder AVIF umleiten, können das Format für Plattformen ändern.

Codebeispiel

HTML

<meta property="og:image" content="https://www.beispiel.de/bilder/vorschau-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Behandlungsraum der Praxis">

Cloudflare: Bot-Schutz für Vorschaubilder

Security → WAF → Custom rules: Regeln, die Bots blockieren oder herausfordern,
für den Pfad /bilder/ ausnehmen, z. B. Ausdruck
(http.request.uri.path wildcard "/bilder/*") mit Aktion „Skip“.
Alternativ: verifizierte Bots (cf.client.bot) zulassen.

Weiterführende Quellen

• https://ogp.me/
• https://developers.facebook.com/docs/sharing/webmasters/images/
• https://developers.facebook.com/tools/debug/