L'aperçu de lien WhatsApp ne s'affiche pas ? Corrigez l'og:image

Un aperçu de lien WhatsApp qui ne s'affiche pas tient presque toujours à l'une de ces cinq causes : la page n'a pas de balise og:image, l'URL de l'image n'est pas accessible publiquement, l'image a un mauvais format et WhatsApp la recadre, le recadrage est correct mais l'aperçu est obsolète, ou le plugin SEO de la boutique imprime une balise concurrente. Ce guide couvre chaque cause, explique pourquoi vous ne pouvez pas forcer WhatsApp à actualiser, et ce qu'il faut modifier sur une boutique WooCommerce.

Réponse courte

WhatsApp génère un aperçu de lien à partir des balises Open Graph de la page. Si og:image est manquant, inaccessible ou ne ressemble pas à une carte de 1200×630, le partage arrive sous forme de lien brut, de tuile grise ou de photo produit mal recadrée. La plupart des boutiques WooCommerce ne définissent jamais d'og:image pour les pages produit — le plugin SEO se rabat sur l'image mise en avant statique, et une photo produit carrée ou haute voit ses côtés ou son haut coupés.

1. Absence de balise og:image sur la page

C'est la cause la plus courante sur une boutique. WordPress et WooCommerce n'émettent pas de og:image par défaut pour les pages produit, catégorie ou boutique, et un thème qui ne gère pas Open Graph omet complètement la balise.

Correctif : affichez le code source de la page et vérifiez qu'une balise og:image est présente, absolue (une https://… URL complète, jamais un chemin relatif) et rendue côté serveur — pas injectée par JavaScript après le chargement. WhatsApp n'exécute pas votre JavaScript.

curl -s https://your-store.com/product/example | grep -i 'og:image'

Un résultat vide est votre réponse : WhatsApp n'a aucune image à afficher.

2. L’URL de l’image n’est pas accessible publiquement

Le robot d’exploration de WhatsApp récupère l’image de la même manière que n’importe quel client anonyme. Une URL protégée par une connexion, sur localhost, sur une adresse IP brute, ou sur un chemin bloqué par robots.txt échouera.

Correctif : vérifiez que l’URL renvoie une image sans informations d’identification.

curl -I https://your-store.com/wp-content/uploads/product.jpg

Vous voulez 200 OK et un Content-Type de image/png ou image/jpeg.

Le piège de robots.txt. Les robots d’exploration des réseaux sociaux respectent robots.txt, donc une règle qui bloque le chemin contenant vos images casse l’aperçu — et elle le casse d’une manière facile à mal diagnostiquer. Le débogueur de Meta signale alors « could not be processed as an image. It may be corrupted or may have an invalid format », ce qui ressemble exactement à un rendu cassé. curl ne reproduit jamais ce problème, car curl ignore robots.txt. Si vos images sont servies depuis un chemin couvert par une règle Disallow:, l’aperçu échouera, quelle que soit la validité du fichier. Nous avons nous-mêmes rencontré ce problème sur le chemin de rendu de FastOG et l’avons corrigé avec une règle de remplacement Allow: par correspondance la plus longue.

3. WhatsApp recadre votre image produit — et retoucher la photo ne résoudra pas le problème

C'est le symptôme que les marchands décrivent comme « mes images produits sont recadrées sur WhatsApp », et c'est celui qu'il vaut la peine de comprendre correctement.

La plateforme recadre toute image qui lui est fournie dans un cadre de 1200×630. Une photo produit carrée ou haute voit ses côtés ou son haut coupés ; une vignette de logo est étirée. Recadrer manuellement la photo source dans Photoshop est un jeu perdant, car WhatsApp détermine le recadrage à partir du ratio d'aspect de la carte, et non de la composition que vous avez choisie — et la photo produit suivante aura encore une forme différente.

La solution consiste à modifier l'image que vous servez, et non la photo que vous possédez. Envoyez une carte déjà composée en 1200×630, avec la photo produit intégrée à l'intérieur. La plateforme n'a alors plus rien à recadrer.

4. La bonne taille d’image pour l’aperçu de lien WhatsApp

La taille standard d’une image Open Graph est de 1200×630 pixels — un ratio de 1,91:1 — et c’est le format attendu par toutes les grandes plateformes, WhatsApp inclus. Servez une image en 1200×630 et l’aperçu s’affichera comme prévu ; servez un carré de 1000×1000 et WhatsApp la recadrera pour remplir le cadre.

Gardez le fichier sous 5 Mo. Une carte texte-et-produit en 1200×630 pèse généralement entre 200 Ko et 500 Ko en PNG.

Consultez Taille d’image OG : 1200×630 expliqué pour comprendre pourquoi ce ratio est devenu la norme.

5. L’aperçu est obsolète — et vous ne pouvez pas forcer WhatsApp à l’actualiser

Si la balise, l’URL et la structure sont toutes correctes et que l’aperçu est toujours erroné, vous êtes face à un cache.

WhatsApp met en cache l’aperçu. Il est conservé dans l’application du destinataire, ce qui signifie qu’aucun outil ne peut demander à WhatsApp de l’actualiser — ni un débogueur, ni une API, ni nous. WhatsApp n’expose aucun rafraîchissement programmatique, quel qu’il soit, donc il n’y a aucun bouton à presser. Quiconque prétend le contraire décrit le comportement de Facebook, pas celui de WhatsApp.

Ce que vous pouvez faire, c’est vous assurer que la bonne image attend le prochain accès de WhatsApp à la page. C’est pourquoi les URL de couverture de FastOG sont adressées par contenu : modifiez le titre, le prix ou l’image du produit et l’URL change avec eux, de sorte que le prochain accès ne puisse pas récupérer l’ancienne carte. Le moment de cet accès appartient à WhatsApp.

Deux plateformes apparentées se comportent de la même manière — LinkedIn et X n’exposent pas non plus d’API d’invalidation et relisent généralement la page en environ une semaine. Leurs propres inspecteurs peuvent accélérer ce processus si vous êtes pressé :

Utiliser le débogueur Facebook pour un problème WhatsApp. Il reste utile de coller l’URL dans le Sharing Debugger même s’il ne peut pas actualiser WhatsApp, car il récupère la page de la même manière que WhatsApp et rapporte ce qu’il a réellement trouvé — balises manquantes, images inaccessibles, formats invalides. Traitez-le comme un validateur des balises, pas comme une solution au cache de WhatsApp.

6. Corriger cela sur une boutique WooCommerce

Sur WooCommerce, il vaut la peine de décrire précisément le flux de travail, car le mode de défaillance est généralement le plugin SEO, pas le thème :

• La balise n'existe pas par défaut. WooCommerce n'intègre aucun og:image pour product, product_cat ou la page de boutique.
• Votre plugin SEO comble le vide de manière médiocre. Yoast, Rank Math, All in One SEO et SEOPress imprimeront un og:image — mais pour un produit, ils utilisent l'image mise en avant statique. Il s'agit d'une photo carrée ou en portrait, c'est-à-dire exactement l'image que WhatsApp recadre ensuite.
• Méfiez-vous des balises en double. Si deux plugins impriment tous deux og:image, la plateforme en choisit une, et ce n'est pas forcément celle que vous attendez. Affichez le code source et comptez combien de balises og:image la page émet.

FastOG pour WooCommerce emprunte une autre voie : il génère une carte 1200×630 à partir des données dynamiques du catalogue (titre, prix, badge de promotion, note, photos produit) sur son propre service de rendu, puis confie cette image de couverture au plugin SEO que vous utilisez déjà, au lieu d'imprimer une balise concurrente. Vous conservez ainsi un seul og:image sur la page, et il s'agit d'une carte composée pour le format 1,91:1 plutôt qu'une photo produit brute.

Comme les couvertures sont générées à partir des données dynamiques du catalogue, le prix affiché sur la carte correspond à celui de la page, et un produit en promotion reçoit un badge de réduction. Lorsque vous enregistrez un produit, le plugin demande également à Facebook de relire la page — Facebook est la seule plateforme offrant un rafraîchissement programmatique. WhatsApp, LinkedIn et X suivent leur propre calendrier, et le plugin le précise clairement plutôt que de promettre un rafraîchissement qu'il ne peut pas garantir.

• Installation : FastOG pour WooCommerce sur WordPress.org
• Détails et FAQ : Page d'intégration WooCommerce

Vérifiez ce que WhatsApp verra réellement

Avant de modifier quoi que ce soit, examinez la page comme le ferait un crawler. Collez l'URL d'un produit dans Voyez vos liens comme les acheteurs les voient — l'outil récupère la page, lit ses balises Open Graph actuelles et affiche l'aperçu résultant tel que WhatsApp, X et Messenger le rendent, à côté d'une couverture FastOG construite à partir des mêmes données produit. Aucune inscription requise.

Vous préférez inspecter les balises brutes ? Utilisez le Générateur de balises Meta Open Graph pour voir le balisage, ou consultez la référence dans og:image ne s'affiche pas ? Comment corriger.

FAQ

Pourquoi mon image produit est-elle recadrée sur WhatsApp ?

WhatsApp recadre toute image qui lui est fournie dans un cadre de 1200×630. Une photo produit carrée ou en portrait perd ses côtés ou son haut. En servant une carte déjà composée en 1200×630 — avec la photo produit intégrée dans la carte — la plateforme n'a plus rien à recadrer.

Puis-je forcer WhatsApp à actualiser un aperçu de lien ?

Non. WhatsApp n'expose aucune API d'actualisation ni d'outil de débogage, et l'aperçu mis en cache réside dans l'application du destinataire. Vous pouvez seulement vous assurer que la bonne image attend sa prochaine lecture. Facebook est l'exception et propose un re-scraping programmatique.

Pourquoi le débogueur de partage Facebook affiche mon image, mais WhatsApp n'affiche rien ?

Parce qu'il s'agit de caches séparés, et le débogueur rend compte des balises de la page, que les deux plateformes lisent. Si le débogueur affiche une image correcte mais que WhatsApp n'affiche rien, les balises sont correctes et vous avez affaire à un cache WhatsApp non actualisé. Si le débogueur n'affiche également rien, la balise est manquante ou l'image est inaccessible — examinez les causes 1 et 2.

WhatsApp utilise-t-il og:image ou twitter:image ?

og:image. Définissez les balises Open Graph. twitter:image est pour X.

Ai-je besoin d'un plugin, ou puis-je simplement ajouter la balise moi-même ?

Vous pouvez ajouter vous-même une balise og:image statique à votre thème — cela fonctionne, et c'est bien mieux que rien. Ce qu'elle ne peut pas faire, c'est produire une carte distincte par produit sans créer manuellement une image par produit, et elle deviendra obsolète à chaque changement de prix. C'est à ce moment qu'une couverture dynamique vaut la peine.

Mon site n'est pas sur FastOG. Cela m'aidera-t-il quand même ?

Oui — les cinq causes relèvent du comportement de la plateforme, pas de celui de FastOG. Examinez-les dans l'ordre avec curl, le code source de la page et le débogueur.

En relation

• Image og:image qui ne s'affiche pas ? Comment la corriger
• Mise à jour instantanée de l'image WhatsApp pour WooCommerce
• Synchronisation des prix WooCommerce dans l'aperçu WhatsApp
• Forcer l'actualisation du cache Open Graph de Facebook
• Taille de l'image OG : 1200×630 expliquée
• Comment mettre en cache les images OG
• URL d'images OG signées
• Générateur de balises méta Open Graph