Thumbnail für Links in WhatsApp anzeigen || og:image-Metatag funktioniert nicht

Question

Versuchte, dieser Frage zu folgen : Bild für WhatsApp-Linkfreigabe bereitzustellen

Habe eine einfache HTML-Webseite mit den grundlegenden Facebook-Metatags erstellt:

Der Facebook-Linter validiert korrekt und in Facebook wird es perfekt angezeigt, aber beim Teilen über WhatsApp wird das Bild nicht angezeigt.

Ich versuche es auf WhatsApp auf Android

Dies ist die URL der Beispielseite

Answer 1

Ich glaube, du musst dem og:image Meta-Tag itemprop hinzufügen, die Bildgröße auf 256x256 festlegen und es würde auch nicht schaden, die Eigenschaften site_name, type und updated_time hinzuzufügen :)

Du kannst diese Meta-Tags beispielsweise auf Google Maps in Aktion sehen.
Nachdem du deine Meta-Tags geändert hast, musst du eventuell eine Weile warten, bis mögliche Caches aktualisiert werden.

Du kannst Open Graph Meta-Tags mit dem Facebook Sharing Debugger debuggen/überprüfen.
Wenn du dort alle deine Tags sehen kannst, dann haben die Websites/Apps, auf denen deine Tags nicht richtig angezeigt werden, möglicherweise unterschiedliche Anforderungen für Open Graph-Tags.

EDIT:
Wenn du ein Bild über einen HTTP-Secure-Link angeben möchtest, musst du anstelle von og:image og:image:secure_url verwenden.

EDIT2:
Du musst auch og:type angeben, da es einer der vier grundlegenden erforderlichen Parameter ist.
sollte dich in die richtige Richtung bringen.

Answer 2

Ich hatte dasselbe Problem und das Problem war die Größe des Bildes. Whatsapp unterstützt kein Bild mit einer Größe größer als 300 KB.

Die wichtigste Eigenschaft, um ein Bild auf Whatsapp anzuzeigen, ist also:

Und die Größe des anzuzeigenden Bildes muss weniger als 300 KB betragen

Answer 3

Nachdem ich Monate damit verbracht habe, das herauszufinden, habe ich das Problem endlich gelöst. Hier ist meine Lösung:

Kopieren Sie das obenstehende, fügen Sie es in den Kopfbereich der Website ein. SCHLIESSEN Sie Ihre Whatsapp-App, öffnen Sie sie erneut und testen Sie dann. Es ist nicht erforderlich, den Cache zu leeren, und es ist NICHT ERFORDERLICH, DIE DATEN ZU LÖSCHEN.

Segen für alle!

Answer 4

Ich habe die Lösung hier gefunden Whatsapp-Vorschau-Link veröffentlicht am 2. März 16

Und du solltest es funktionieren sehen

Es gibt zwei Arten von Code. Zuerst meta og:image innerhalb von

Thumbnail-Schema von schema.org innerhalb von

Ich hoffe, das hilft. Danke.

Answer 5

Ich habe auch dieses Problem Schlussendlich habe ich es gelöst

Meine Bild-Eigenschaft

1. Dimensionen: 300X200
2. Größe: < 300KB
3. URL: http://yourdomain.com/yourfolder/imagename.png

Stellen Sie sicher, dass im Bildnamen keine Leerzeichen enthalten sind. Wenn Sie zwei Wörter haben, verwenden Sie das Unterstrichzeichen