J'ai eu le même problème, je l'ai finalement fait fonctionner après quelques essais. Voici les 8 balises html que j'ai utilisées sur ma page Web pour faire fonctionner l'aperçu:
Dans la <head>
balise:
<meta property="og:title" content="ABC Blabla 2020 Friday" />
<meta property="og:url" content="https://bla123.neocities.org/mp/friday.html" />
<meta property="og:description" content="Photo Album">
<meta property="og:image" itemprop="image" content="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_GB" />
Dans la <body>
balise:
<link itemprop="thumbnailUrl" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
</span>
Ces 8 balises (6 en tête, 2 en corps) fonctionnaient parfaitement.
Conseils:
1.Utilisez l'URL de l'emplacement exact de l'image au lieu du format de répertoire, c'est-à-dire n'utilisez pas images / OG_thumb.jpg
2.Extension de fichier sensible au cas: si le nom de l'extension d'image sur votre fournisseur d'hébergement est ".JPG", n'utilisez pas ".jpg" ou ".jpeg". J'ai observé qu'en fonction de la combinaison du fournisseur d'hébergement et du navigateur, une erreur peut ou non se produire, donc pour être sûr, il est plus facile de faire correspondre la casse de l'extension de fichier.
3.Après avoir effectué les étapes ci-dessus, si l'aperçu de la vignette n'apparaît toujours pas dans le message WhatsApp, alors:
une. Forcer l'arrêt de l'application mobile (j'ai essayé sous Android) et réessayer
b.Utilisez l'outil en ligne pour prévisualiser la balise OG, par exemple, j'ai utilisé: https://searchenginereports.net/open-graph-checker
c. Dans le navigateur mobile, collez le lien direct vers le pouce OG et actualisez le navigateur 4 à 5 fois. par exemple https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG