HTML Vorschaubild von Website beim Teilen angeben

[xep22]

wenn ich meine website z.b. im Facebook messenger teile wird als vorschaubild das erste Bild was mit <img eingebunden ist dort angezeigt. Habe aber extra folgende meta-Zeile in meiner .html eingefügt:

<meta property="og:image" content="XXX/logo.png"/>

zusätzlich jetzt auch noch diese etwas weiter unten, aber auch das hilft nicht:

<img src="XXX/logo.png" style="display: none;">

wieso wird nicht das Bild von dem Meta-Tag verwendet?

 

[Lawnmower]

Kann es mWn. verschiedene Gründe geben, ua. Bildformat nicht korrekt, zu gross (Pixel und/oder Dateigrösse), zu klein, etc.
FB hat so ein Entwickler-Portal wo man seine Webseite überprüfen kann im Zusammenhang auch mit den OG Tags, da wird angezeigt falls irgendwas nicht passt.

 

[kim88]

Facebook bietet einen Sharing Debugger an:

https://developers.facebook.com/tools/debug/ (man braucht einen FB Account)

Dort kannst du auch den Facebook Cache leeren. Wenn du jetzt ein Versuch machst um zu testen und das Bild nicht passt, dann änderst du was und testet erneut im Messenger - wird das alte Bild aus dem Facebook Cache geladen ;-) das ist gerne trügerisch.

Ich würde das immer über den Sharing Debugger testen.

 

[Ciraxis]

Danach ist es auch im Cache von FB aber lass dich nicht versichern das es dann immer geht. Facebook und sein Sharing ist schon ein rotz ;-)