Pourquoi le lien vers votre site s'affiche mal sur WhatsApp ou Facebook (et comment reparer l'image OG)
Vous avez envoyé un lien et il apparaît sans image ou avec le mauvais texte ? Voici pourquoi et comment reparer l'aperçu en quelques étapes.
Vous envoyez le lien de votre site à un client sur WhatsApp, vous appuyez sur envoyer et... un rectangle vide apparaît, sans image, avec un titre étrange ou l'adresse web etiree en travers. Première impression, ratée. Et vous n'avez rien fait de travers en l'envoyant : le problème est dans le site.
Cet aperçu (l'image, le titre et la description qui s'affichent quand on colle un lien) n'est pas inventé par WhatsApp ou Facebook. C'est vous qui le contrôlez, grâce à des balises cachées dans le code de la page, appelées Open Graph. Quand elles manquent ou sont mal réglées, l'application devine ce qu'elle peut, et souvent elle devine mal. La bonne nouvelle : ça se répare, et le plus souvent ce n'est pas compliqué. Voyons exactement pourquoi ça arrive et quoi faire.
Ce qu'est vraiment l'image OG (et pourquoi on la voit partout)
OG signifie Open Graph, un ensemble de règles invente par Facebook et adopte par presque tout le monde : WhatsApp, Facebook, LinkedIn, Telegram, Slack, même iMessage. Quand quelqu'un colle votre lien, l'application visite la page et lit des balises spéciales dans le code :
- `og:title` — le titre affiche dans l'aperçu
- `og:description` — la ligne de texte sous le titre
- `og:image` — la grande image
- `og:url` — l'adresse officielle de la page
Si ces balises existent et sont correctes, vous obtenez une belle carte avec votre image, votre titre et une description claire. Si elles manquent, l'application improvise : elle prend le premier titre trouve, peut-être une petite image de la page, peut-être aucune. D'ou les cartes vides ou bizarres.
Les raisons les plus fréquentes pour lesquelles l'image ne s'affiche pas
D'après notre expérience, presque tous les cas se resument a quelques problèmes simples :
- Il n'y a aucune balise `og:image`. Le site ne dit pas à l'application quelle image montrer, donc elle n'en montre aucune.
- L'image est trop petite ou à de mauvaises proportions. Facebook veut au moins 200x200 px ; l'idéal est 1200x630 px (rapport 1.91:1). En dessous du minimum, elle est ignorée.
- L'adresse de l'image est relative, pas complete. Il faut une adresse entière commençant par `https://`, pas `/img/photo.jpg`. L'application n'est pas sur votre site, elle ne sait pas ou la chercher.
- L'image n'est pas accessible publiquement — elle est derrière une connexion, bloquée par robots.txt, ou le site n'est pas en HTTPS.
- Le fichier est trop lourd. WhatsApp en particulier abandonne les images très grandes ; gardez-la sous quelques centaines de Ko.
Souvent, c'est une seule cause. Trouvez-la, réparez-la, fini.
Le coupable cache : le cache. Pourquoi c'est repare mais toujours moche
Celui-la rend fou : vous modifiez le site, recollez le lien, et l'aperçu est toujours l'ancien (ou toujours vide). Vous n'avez pas fait d'erreur — Facebook et WhatsApp enregistrent (mettent en cache) la première version vue, pour ne pas recharger la page à chaque partage. Ils continuent donc d'afficher l'ancienne version.
La solution est de les forcer à relire la page. Facebook à un outil gratuit, le Sharing Debugger (cherchez "Facebook Sharing Debugger") : collez votre lien, cliquez sur "Scrape Again", et vous verrez aussitôt quelles balises OG il lit, quelle image il trouve, et les erreurs. WhatsApp utilise le même cache Facebook, donc après un Scrape Again là-bas, WhatsApp se met à jour aussi. Une petite astuce de secours : ajoutez `?v=2` à la fin du lien à l'envoi, pour que l'application le voie comme une adresse toute neuve.
Comment reparer, étape par étape
Si vous avez accès au site (ou à la personne qui le gère), les étapes sont :
1. Préparez une bonne image — 1200x630 px, avec votre logo ou un visuel clair, texte grand et minimal, enregistrée sous quelques centaines de Ko.
2. Ajoutez les balises OG dans le `<head>` de la page : `og:title`, `og:description`, `og:image` (avec l'adresse complète `https://`), `og:url`.
3. En HTTPS, vérifiez que l'image s'ouvre seule, directement dans un navigateur, sans connexion.
4. Lancez le Facebook Sharing Debugger, cliquez sur Scrape Again, et corrigez les erreurs signalees.
5. Testez pour de vrai — envoyez-vous le lien sur WhatsApp.
Sur WordPress, un plugin SEO (Yoast, Rank Math) remplit ces champs sans code. Sur un site construit proprement de zéro, ça se configure une fois et fonctionne partout.
Quand ce n'est pas quelque chose que vous pouvez réparer seul
Parfois il n'y a nulle part ou cliquer : le site est sur une plateforme fermée, vous n'accedez pas au `<head>`, ou vous n'avez simplement pas envie de vous battre avec du code et des plugins un après-midi charge. C'est tout à fait normal.
C'est ainsi que nous travaillons chez MPO Web Studio : nous construisons des sites ou l'aperçu WhatsApp et Facebook s'affiche bien des le premier partage, parce que nous le configurons en creant le site, pas après la première plainte d'un client. Nous livrons à distance, dans tout le pays, avec des prix transparents, et nous vous faisons une démo gratuite avant tout paiement — vous voyez exactement le rendu avant de décider.
Si vous voulez juste que nous reparions un lien qui s'affiche mal maintenant, écrivez-nous sur WhatsApp avec l'adresse de la page. La plupart du temps, nous vous donnons la cause le jour même.
Questions fréquentes
J'ai repare l'image mais elle ne s'affiche toujours pas sur WhatsApp. Pourquoi ?+
C'est presque surement le cache. WhatsApp utilise les donnees enregistrees par Facebook, qui restent anciennes tant qu'on ne les force pas. Allez sur le Facebook Sharing Debugger, collez le lien, cliquez sur "Scrape Again", puis renvoyez le lien sur WhatsApp. Si ca ne se met pas a jour aussitot, ajoutez `?v=2` a la fin de l'adresse.
Quelle taille doit avoir l'image d'apercu ?+
Idemalement 1200x630 px, rapport 1.91:1 — c'est beau partout. Le minimum accepte par Facebook est 200x200 px, mais en dessous de 1200 px ca peut etre flou. Gardez le fichier leger, sous quelques centaines de Ko, car WhatsApp abandonne parfois les images tres lourdes.
Puis-je mettre une image differente pour chaque page ?+
Oui, et c'est l'ideal. Chaque page peut avoir sa propre balise `og:image` et son propre titre. Votre page services peut montrer une autre image que votre page contact. Sur WordPress, ca se regle page par page dans le plugin SEO.
Pourquoi l'adresse du site apparait a la place d'un titre ?+
Cela veut dire que `og:title` manque (et probablement les autres balises OG aussi). L'application ne trouve pas de titre clair, alors elle affiche ce qu'elle a sous la main, souvent l'URL elle-meme. Ajouter les balises OG regle ca instantanement.
L'apercu se casse si je deplace mon site ou change l'image ?+
Ca peut changer, oui. Si vous renommez ou deplacez le fichier image, l'ancienne adresse `og:image` ne mene plus nulle part et l'apercu devient vide. Apres tout changement de ce genre, relancez le Sharing Debugger et cliquez sur Scrape Again.
7 erreurs qui font fuir vos clients de votre site
Laissez votre e-mail et recevez le guide ici, tout de suite. Sans spam.
Envie de voir à quoi ressemblerait le site de votre entreprise ?
Écrivez-nous sur WhatsApp et nous vous préparons gratuitement un site de démonstration au nom de votre entreprise. Vous le voyez d'abord, puis vous décidez — sans engagement.