WhatsApp-Linkvorschau wird nicht angezeigt? Beheben Sie das og:image

Eine nicht angezeigte WhatsApp-Linkvorschau lässt sich fast immer auf eine von fünf Ursachen zurückführen: Die Seite hat kein og:image-Tag, die Bild-URL ist öffentlich nicht abrufbar, das Bild hat die falsche Form, sodass WhatsApp es zuschneidet, der Zuschnitt ist in Ordnung, aber die Vorschau ist veraltet, oder das SEO-Plugin des Shops gibt ein konkurrierendes Tag aus. Dieser Leitfaden behandelt jede Ursache, warum Sie WhatsApp nicht zum Aktualisieren zwingen können und was Sie in einem WooCommerce-Shop ändern sollten.

Die kurze Antwort

WhatsApp erstellt eine Linkvorschau aus den Open-Graph-Tags der Seite. Wenn og:image fehlt, nicht erreichbar ist oder nicht wie eine 1200×630-Karte gestaltet ist, wird der Beitrag als bloßer Link, als graue Kachel oder als schlecht zugeschnittenes Produktfoto angezeigt. Die meisten WooCommerce-Shops setzen für Produktseiten überhaupt kein og:image – das SEO-Plugin greift auf das statische Beitragsbild zurück, und ein quadratisches oder hohes Produktfoto wird an den Seiten oder oben abgeschnitten.

1. Es gibt kein og:image-Tag auf der Seite

Dies ist die häufigste Ursache in einem Shop. WordPress und WooCommerce geben standardmäßig kein og:image für Produkt-, Kategorie- oder Shop-Seiten aus, und ein Theme, das Open Graph nicht unterstützt, lässt das Tag vollständig weg.

Behebung: Sehen Sie sich den Seitenquelltext an und bestätigen Sie, dass ein og:image-Tag vorhanden ist, absolut ist (eine vollständige https://…-URL, niemals ein relativer Pfad) und serverseitig gerendert wird – nicht per JavaScript nach dem Laden eingefügt. WhatsApp führt Ihr JavaScript nicht aus.

curl -s https://your-store.com/product/example | grep -i 'og:image'

Ein leeres Ergebnis ist Ihre Antwort: WhatsApp hat kein Bild zum Anzeigen.

2. Die Bild-URL ist nicht öffentlich abrufbar

Der Crawler von WhatsApp ruft das Bild auf dieselbe Weise ab wie jeder anonyme Client. Eine URL hinter einer Anmeldung, auf localhost, auf einer rohen IP-Adresse oder auf einem Pfad, der durch robots.txt blockiert wird, schlägt fehl.

Behebung: Bestätigen Sie, dass die URL ohne Anmeldedaten ein Bild zurückgibt.

curl -I https://your-store.com/wp-content/uploads/product.jpg

Sie benötigen 200 OK und eine Content-Type von image/png oder image/jpeg.

Die robots.txt-Falle. Social-Crawler beachten robots.txt, daher bricht eine Regel, die den Pfad mit Ihren Bildern blockiert, die Vorschau – und zwar auf eine Weise, die leicht fehldiagnostiziert wird. Der Debugger von Meta meldet dann "could not be processed as an image. It may be corrupted or may have an invalid format", was sich exakt wie eine defekte Darstellung liest. curl reproduziert das nie, weil curl robots.txt ignoriert. Wenn Ihre Bilder über einen Pfad ausgeliefert werden, der von einer Disallow:-Regel abgedeckt wird, schlägt die Vorschau fehl, egal wie gültig die Datei ist. Wir sind selbst auf FastOGs eigenem Render-Pfad darauf gestoßen und haben es mit einer Allow:-Überschreibung nach dem Prinzip der längsten Übereinstimmung behoben.

3. WhatsApp beschneidet Ihr Produktbild – und das Bearbeiten des Fotos wird das Problem nicht beheben

Dies ist das Symptom, das Händler beschreiben, wenn sie sagen: „Meine Produktbilder werden bei WhatsApp beschnitten“, und es ist dasjenige, das es wert ist, richtig verstanden zu werden.

Die Plattform beschneidet jedes Bild, das ihr übergeben wird, auf ein 1200×630-Format. Ein Produktfoto, das quadratisch oder hoch ist, verliert an den Seiten oder oben einen Teil; eine Logo-Kachel wird gestreckt. Das manuelle Zuschneiden des Quellfotos in Photoshop ist ein aussichtsloses Unterfangen, denn WhatsApp bestimmt den Ausschnitt anhand des Seitenverhältnisses der Karte und nicht anhand der von Ihnen gewählten Bildkomposition – und das nächste Produktfoto hat wieder eine andere Form.

Die Lösung besteht darin, das Bild zu ändern, das Sie ausliefern, nicht das Foto, das Sie besitzen. Senden Sie eine Karte, die bereits im Format 1200×630 gestaltet ist, mit dem darin eingepassten Produktfoto. Dann bleibt der Plattform nichts mehr zu beschneiden.

4. Die richtige Bildgröße für WhatsApp-Linkvorschauen

Die Standardgröße für Open-Graph-Bilder beträgt 1200×630 Pixel – ein Seitenverhältnis von 1,91:1 – und ist das Format, das alle großen Plattformen, einschließlich WhatsApp, erwarten. Verwenden Sie 1200×630, wird die Vorschau wie vorgesehen dargestellt; verwenden Sie ein quadratisches 1000×1000-Bild, wird WhatsApp es zuschneiden, um den Rahmen zu füllen.

Halten Sie die Datei unter 5 MB. Eine 1200×630-Text-und-Produktkarte liegt als PNG normalerweise zwischen 200 KB und 500 KB.

Weitere Informationen dazu, warum dieses Seitenverhältnis zum Standard wurde, finden Sie unter OG-Bildgröße: 1200×630 erklärt.

5. Die Vorschau ist veraltet – und Sie können WhatsApp nicht zum Aktualisieren zwingen

Wenn das Tag, die URL und die Form korrekt sind und die Vorschau trotzdem falsch ist, liegt es an einem Cache.

WhatsApp speichert die Vorschau zwischen. Sie wird in der App des Empfängers gehalten, was bedeutet, dass kein Tool WhatsApp zum Aktualisieren auffordern kann – weder ein Debugger, noch eine API, noch wir. WhatsApp bietet keinerlei programmatische Aktualisierung an, es gibt also keinen Knopf zum Drücken. Wer etwas anderes behauptet, beschreibt das Verhalten von Facebook, nicht das von WhatsApp.

Was Sie tun können, ist sicherzustellen, dass das korrekte Bild für den nächsten Abruf der Seite durch WhatsApp bereitliegt. Deshalb sind die Cover-URLs von FastOG inhaltsadressiert: Ändern Sie den Titel, den Preis oder das Bild des Produkts, ändert sich auch die URL, sodass der nächste Abruf die alte Karte nicht mehr ausliefern kann. Wann dieser Abruf erfolgt, entscheidet WhatsApp.

Zwei verwandte Plattformen verhalten sich genauso – LinkedIn und X bieten ebenfalls keine Invalidierungs-API an und lesen die Seite in der Regel innerhalb von etwa einer Woche erneut. Deren eigene Inspektoren können das beschleunigen, wenn Sie es eilig haben:

Den Facebook-Debugger für ein WhatsApp-Problem verwenden. Es lohnt sich trotzdem, die URL in den Sharing Debugger einzufügen, auch wenn er WhatsApp nicht aktualisieren kann, denn er ruft die Seite auf dieselbe Weise ab wie WhatsApp und meldet, was er tatsächlich vorgefunden hat – fehlende Tags, nicht erreichbare Bilder, ungültige Formate. Behandeln Sie ihn als Validator für die Tags, nicht als Lösung für den WhatsApp-Cache.

6. Behebung in einem WooCommerce-Shop

Bei WooCommerce lohnt es sich, den Ablauf genau zu beschreiben, da die Fehlerquelle in der Regel das SEO-Plugin ist und nicht das Theme:

• Das Tag existiert standardmäßig nicht. WooCommerce liefert kein og:image für product, product_cat oder die Shop-Seite aus.
• Ihr SEO-Plugin füllt die Lücke schlecht. Yoast, Rank Math, All in One SEO und SEOPress geben ein og:image aus – aber bei einem Produkt greifen sie auf das statische Beitragsbild zurück. Das ist ein quadratisches oder Hochformat-Foto, also genau das Bild, das WhatsApp anschließend zuschneidet.
• Achten Sie auf doppelte Tags. Wenn zwei Plugins beide og:image ausgeben, wählt die Plattform eines aus, und es könnte nicht das von Ihnen erwartete sein. Zeigen Sie den Quelltext an und zählen Sie, wie viele og:image-Tags die Seite ausgibt.

FastOG für WooCommerce geht einen anderen Weg: Es rendert eine 1200×630-Karte aus Live-Katalogdaten (Titel, Preis, Rabatt-Badge, Bewertung, Produktfotos) auf einem eigenen Rendering-Dienst und übergibt dieses Cover dann an das SEO-Plugin, das Sie bereits verwenden, statt ein konkurrierendes Tag auszugeben. So bleibt genau ein og:image auf der Seite, und es handelt sich um eine Karte, die für das 1,91:1-Format gestaltet wurde, statt um ein unbearbeitetes Produktfoto.

Da die Covers aus Live-Katalogdaten erzeugt werden, stimmt der Preis auf der Karte mit dem Preis auf der Seite überein, und ein reduziertes Produkt erhält ein Rabatt-Badge. Wenn Sie ein Produkt speichern, fordert das Plugin außerdem Facebook auf, die Seite erneut zu lesen – Facebook ist die einzige Plattform, die eine programmatische Aktualisierung anbietet. WhatsApp, LinkedIn und X folgen ihrem eigenen Zeitplan, und das Plugin weist darauf ausdrücklich hin, statt eine Aktualisierung zu versprechen, die es nicht liefern kann.

• Installation: FastOG für WooCommerce auf WordPress.org
• Details und FAQ: WooCommerce-Integrationsseite

Prüfen, was WhatsApp tatsächlich sieht

Bevor Sie etwas ändern, betrachten Sie die Seite so, wie ein Crawler sie sieht. Fügen Sie eine beliebige Produkt-URL in See Your Links The Way Buyers Do ein – das Tool ruft die Seite ab, liest ihre aktuellen Open-Graph-Tags und zeigt die resultierende Vorschau so, wie WhatsApp, X und Messenger sie darstellen, neben einem FastOG-Cover, das aus denselben Produktdaten erstellt wurde. Keine Anmeldung erforderlich.

Sie ziehen es vor, die rohen Tags zu prüfen? Nutzen Sie den Open Graph Meta Tag Generator, um das Markup zu sehen, oder schlagen Sie die Referenz in og:image Not Showing? How to Fix It nach.

FAQ

Warum wird mein Produktbild bei WhatsApp beschnitten?

WhatsApp schneidet jedes übermittelte Bild auf ein 1200×630-Format zu. Ein quadratisches oder hochformatiges Produktfoto verliert dadurch entweder seine Seiten oder seinen oberen Bereich. Wenn Sie eine Karte bereitstellen, die bereits in 1200×630 komponiert ist – mit dem Produktfoto innerhalb der Karte –, bleibt der Plattform nichts zum Zuschneiden.

Kann ich WhatsApp zwingen, eine Linkvorschau zu aktualisieren?

Nein. WhatsApp bietet weder eine Aktualisierungs-API noch einen Debugger, und die zwischengespeicherte Vorschau befindet sich in der App des Empfängers. Sie können nur sicherstellen, dass das korrekte Bild für den nächsten Abruf bereitsteht. Facebook ist die Ausnahme und bietet ein programmatisches erneutes Auslesen an.

Warum zeigt der Facebook Sharing Debugger mein Bild, WhatsApp jedoch nichts?

Weil es sich um getrennte Caches handelt und der Debugger über die Tags der Seite berichtet, die beide Plattformen lesen. Wenn der Debugger ein korrektes Bild anzeigt, WhatsApp jedoch keins, sind die Tags in Ordnung und Sie sehen einen nicht aktualisierten WhatsApp-Cache. Wenn der Debugger ebenfalls nichts anzeigt, fehlt das Tag oder das Bild ist nicht erreichbar – arbeiten Sie die Ursachen 1 und 2 durch.

Verwendet WhatsApp og:image oder twitter:image?

og:image. Setzen Sie die Open-Graph-Tags. twitter:image ist für X.

Benötige ich ein Plugin, oder kann ich das Tag einfach selbst hinzufügen?

Sie können selbst ein statisches og:image-Tag zu Ihrem Theme hinzufügen – es funktioniert und ist viel besser als nichts. Was es nicht leisten kann, ist eine individuelle Karte pro Produkt zu erzeugen, ohne für jedes Produkt ein eigenes Bild manuell zu erstellen. Außerdem wird es jedes Mal veraltet sein, wenn sich ein Preis ändert. An diesem Punkt lohnt sich ein dynamisches Cover.

Meine Website ist nicht bei FastOG. Hilft das trotzdem?

Ja – die fünf Ursachen sind Plattformverhalten, nicht FastOG-Verhalten. Arbeiten Sie sie der Reihe nach mit curl, dem Seitenquelltext und dem Debugger durch.

Verwandte Artikel

• og:image wird nicht angezeigt? So beheben Sie das Problem
• Sofortige WhatsApp-Bildaktualisierung für WooCommerce
• WooCommerce-Preissynchronisierung in der WhatsApp-Vorschau
• Facebook Open Graph Cache aktualisieren
• OG-Bildgröße: 1200×630 erklärt
• So speichern Sie OG-Bilder im Cache
• Signierte OG-Bild-URLs
• Open Graph Meta-Tag-Generator