Comment corriger l'aperçu des liens dans Facebook et WhatsApp

Si, en partageant une URL sur Facebook ou WhatsApp, l'image n'apparaît pas, le titre est incorrect ou une ancienne version est conservée, vérifiez d'abord quelles données publie cette page et si elles peuvent être téléchargées sans se connecter.

L'aperçu utilise généralement les balises Open Graph du HTML. Changer uniquement l'image que vous voyez dans la page peut ne pas modifier l'image que celle-ci déclare pour le partage.

D'abord, identifiez le problème

WhatsApp permet de désactiver les aperçus de liens. Si cette option est activée, l'absence d'aperçu à l'envoi ne prouve pas une erreur du site.

1. Vérifiez les balises Open Graph

Ouvrez l'URL exacte que vous partagez et consultez son code source. Dans <head>, il devrait y avoir des données équivalentes à celles-ci, adaptées à cette page :

<meta property="og:type" content="website">
<meta property="og:url" content="https://votredomaine.com/articulo">
<meta property="og:title" content="Titre de la page">
<meta property="og:description" content="Description de la page partagée.">
<meta property="og:image" content="https://votredomaine.com/imagenes/compartir.jpg">

L'URL de og:image doit être absolue. Vérifiez qu'elle ne pointe pas vers l'image d'une autre page, vers un environnement de test ou vers un fichier qui n'existe plus. Publiez les balises dans le HTML initial : ne comptez pas sur leur apparition après l'exécution de JavaScript.

Dans WordPress, votre plugin SEO peut gérer le titre, la description et l'image sociale. Examinez le HTML final pour écarter la possibilité que le thème et un autre plugin génèrent des balises contradictoires. Si vous déclarez plusieurs images, placez en premier celle que vous voulez privilégier.

2. Vérifiez que l'image peut être téléchargée

Ouvrez l'URL de og:image dans une fenêtre privée. Elle doit afficher directement l'image en HTTPS, sans connexion, sans cookies obligatoires ni défi anti-bots.

Utilisez une image horizontale avec un texte lisible ; vous pouvez par exemple en préparer une de 1200 × 630 pixels. Compressez le fichier et vérifiez son rendu dans les deux applications : les dimensions seules ne garantissent pas un aperçu. Évitez de servir une image énorme lorsqu'une version légère donne le même résultat.

Si vous obtenez un 403, un 404, une erreur de certificat ou une page de connexion, corrigez d'abord cette réponse. Vérifiez les règles du pare-feu, du CDN ou de la protection contre les liens externes qui concernent le fichier.

3. Demandez une nouvelle récupération dans Facebook

Ouvrez le Débogueur de partage de Facebook, saisissez l'URL exacte et examinez les informations récupérées. Après avoir corrigé la source, utilisez l'option de nouvelle récupération pour demander une autre lecture.

Si des données anciennes apparaissent encore, videz le cache de l'application et du CDN, puis vérifiez de nouveau le code source public. Lorsque vous changez le fichier d'une image sociale, un nouveau nom permet de distinguer la version publiée d'une ancienne copie ; mettez aussi à jour og:image.

Le débogueur agit sur Facebook. Il ne vide pas le cache de WhatsApp et ne prouve pas quelle image y sera affichée.

4. Testez le lien dans WhatsApp

Collez l'URL complète dans la zone de saisie d'une discussion, sans l'envoyer, et attendez que l'aperçu se forme. Vérifiez au préalable que vous ne l'avez pas désactivé dans les réglages. Un aperçu déjà envoyé n'est pas un test fiable de l'état actuel de la page.

Si cela n'échoue que dans WhatsApp, vérifiez à nouveau l'image, la réponse publique et le HTML initial. Notez l'appareil et la version de l'application utilisés pour pouvoir comparer le comportement.

Vérification en terminal

Si vous devez inspecter la réponse HTTP, ces commandes effectuent un téléchargement avec l'identifiant du robot de Facebook :

curl -L --compressed -A 'facebookexternalhit/1.1' https://votredomaine.com/articulo
curl -L --compressed -A 'facebookexternalhit/1.1' -o /dev/null -w '%{http_code} %{content_type} %{size_download}\n' https://votredomaine.com/imagenes/compartir.jpg

La première doit contenir les bonnes balises. La seconde permet de voir le code HTTP, le type de contenu et la taille téléchargée. Un 200 avec text/html sur l'URL de l'image peut indiquer que vous avez reçu une page d'erreur ou un défi.

Ces tests sont faits depuis votre connexion : changer l'identifiant ne reproduit ni l'IP, ni le cache, ni toutes les conditions du vrai robot. Comparez le résultat avec le débogueur et les journaux du serveur.

Quoi envoyer à l'assistance si le problème persiste

Si votre site est hébergé chez Hostsuar, indiquez-nous l'URL partagée, l'URL de og:image, l'heure du test et l'endroit où cela échoue. Nous pouvons examiner les erreurs d'accès ou les blocages de l'hébergement. Il n'est pas nécessaire de changer de serveur si la cause se trouve dans les balises de votre thème ou dans les réglages de l'application.