Pourquoi le lien vers votre site s'affiche mal sur WhatsApp ou Facebook (et comment reparer l'image OG)
Vous avez envoye un lien et il apparait sans image ou avec le mauvais texte ? Voici pourquoi et comment reparer l'apercu en quelques etapes.
Vous envoyez le lien de votre site a un client sur WhatsApp, vous appuyez sur envoyer et... un rectangle vide apparait, sans image, avec un titre etrange ou l'adresse web etiree en travers. Premiere impression, ratee. Et vous n'avez rien fait de travers en l'envoyant : le probleme est dans le site.
Cet apercu (l'image, le titre et la description qui s'affichent quand on colle un lien) n'est pas invente par WhatsApp ou Facebook. C'est vous qui le controlez, grace a des balises cachees dans le code de la page, appelees Open Graph. Quand elles manquent ou sont mal reglees, l'application devine ce qu'elle peut, et souvent elle devine mal. La bonne nouvelle : ca se repare, et le plus souvent ce n'est pas complique. Voyons exactement pourquoi ca arrive et quoi faire.
Ce qu'est vraiment l'image OG (et pourquoi on la voit partout)
OG signifie Open Graph, un ensemble de regles invente par Facebook et adopte par presque tout le monde : WhatsApp, Facebook, LinkedIn, Telegram, Slack, meme iMessage. Quand quelqu'un colle votre lien, l'application visite la page et lit des balises speciales dans le code :
- `og:title` — le titre affiche dans l'apercu
- `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-etre une petite image de la page, peut-etre aucune. D'ou les cartes vides ou bizarres.
Les raisons les plus frequentes pour lesquelles l'image ne s'affiche pas
D'apres notre experience, presque tous les cas se resument a quelques problemes simples :
- Il n'y a aucune balise `og:image`. Le site ne dit pas a l'application quelle image montrer, donc elle n'en montre aucune.
- L'image est trop petite ou a de mauvaises proportions. Facebook veut au moins 200x200 px ; l'ideal est 1200x630 px (rapport 1.91:1). En dessous du minimum, elle est ignoree.
- L'adresse de l'image est relative, pas complete. Il faut une adresse entiere commencant 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 derriere une connexion, bloquee par robots.txt, ou le site n'est pas en HTTPS.
- Le fichier est trop lourd. WhatsApp en particulier abandonne les images tres grandes ; gardez-la sous quelques centaines de Ko.
Souvent, c'est une seule cause. Trouvez-la, reparez-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'apercu est toujours l'ancien (ou toujours vide). Vous n'avez pas fait d'erreur — Facebook et WhatsApp enregistrent (mettent en cache) la premiere version vue, pour ne pas recharger la page a chaque partage. Ils continuent donc d'afficher l'ancienne version.
La solution est de les forcer a relire la page. Facebook a un outil gratuit, le Sharing Debugger (cherchez "Facebook Sharing Debugger") : collez votre lien, cliquez sur "Scrape Again", et vous verrez aussitot quelles balises OG il lit, quelle image il trouve, et les erreurs. WhatsApp utilise le meme cache Facebook, donc apres un Scrape Again la-bas, WhatsApp se met a jour aussi. Une petite astuce de secours : ajoutez `?v=2` a la fin du lien a l'envoi, pour que l'application le voie comme une adresse toute neuve.
Comment reparer, etape par etape
Si vous avez acces au site (ou a la personne qui le gere), les etapes sont :
1. Preparez une bonne image — 1200x630 px, avec votre logo ou un visuel clair, texte grand et minimal, enregistree 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 complete `https://`), `og:url`.
3. En HTTPS, verifiez 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 zero, ca se configure une fois et fonctionne partout.
Quand ce n'est pas quelque chose que vous pouvez reparer seul
Parfois il n'y a nulle part ou cliquer : le site est sur une plateforme fermee, vous n'accedez pas au `<head>`, ou vous n'avez simplement pas envie de vous battre avec du code et des plugins un apres-midi charge. C'est tout a fait normal.
C'est ainsi que nous travaillons chez MPO Web Studio : nous construisons des sites ou l'apercu WhatsApp et Facebook s'affiche bien des le premier partage, parce que nous le configurons en creant le site, pas apres la premiere plainte d'un client. Nous livrons a distance, dans tout le pays, avec des prix transparents, et nous vous faisons une demo gratuite avant tout paiement — vous voyez exactement le rendu avant de decider.
Si vous voulez juste que nous reparions un lien qui s'affiche mal maintenant, ecrivez-nous sur WhatsApp avec l'adresse de la page. La plupart du temps, nous vous donnons la cause le jour meme.
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 préparons GRATUITEMENT un site de démonstration au nom de votre entreprise. Vous le voyez d'abord — vous décidez ensuite.