ItsMyIp

Aperçu de partage d'une page

Comment votre lien apparaîtra sur Facebook, LinkedIn, X et WhatsApp — les balises Open Graph et Twitter Cards lues en direct, l'image vérifiée au pixel près.

01Pourquoi soigner ces balises ?

Quand un lien est collé sur Facebook, LinkedIn, X, WhatsApp, Slack ou Discord, la plateforme va chercher les balises Open Graph (og:title, og:description, og:image…) pour construire la carte d'aperçu. Sans elles, le partage se réduit à une URL nue — et le taux de clic s'effondre : l'image et le titre font l'essentiel de l'attractivité d'un partage.

Cet outil lit les balises exactement comme le font les robots des plateformes (sans exécuter le JavaScript — les pages rendues côté client sont donc vues telles quelles), puis télécharge l'image pour vérifier son poids et ses dimensions réelles : une image trop petite est la cause n°1 des grandes cartes refusées. Complétez avec notre audit de page qui note aussi l'Open Graph parmi ses critères.

02Comprendre chaque balise

og:title
Le titre de la carte. Distinct du <title> SEO : il peut être plus accrocheur. 60 caractères s'affichent sans troncature à peu près partout.
og:description
Le texte sous le titre. 1 à 2 phrases, ~200 caractères maximum utiles — X et WhatsApp coupent bien avant.
og:image
Le visuel de la carte. Recommandé : 1200×630 px (ratio 1,91:1), JPEG ou PNG, moins de 8 Mo, URL absolue en HTTPS.
og:url
L'URL canonique de la page : consolide les compteurs de partage quand la page est accessible par plusieurs URL.
twitter:card
Le format de carte sur X : summary (carrée, petite) ou summary_large_image (grande image). X lit aussi l'Open Graph en repli.
og:locale
La langue du contenu (fr_FR, en_US…). Utile aux plateformes multilingues, jamais bloquant.

03Rafraîchir un aperçu périmé

Les plateformes mettent en cache les aperçus, parfois plusieurs semaines : corriger vos balises ne change pas immédiatement les partages. Chaque plateforme a son outil de purge : le Sharing Debugger de Facebook, le Post Inspector de LinkedIn — collez-y l'URL après vos corrections pour forcer la relecture.

WhatsApp et X n'ont pas d'outil public : le cache expire de lui-même (quelques jours à quelques semaines). Une astuce répandue en attendant : partager l'URL avec un paramètre neutre (?v=2) pour forcer une nouvelle entrée de cache — sans oublier l'impact des redirections sur l'URL réellement mise en cache.

04Questions fréquentes

J'ai corrigé mes balises mais Facebook affiche toujours l'ancien aperçu. Pourquoi ?

Facebook met les aperçus en cache. Passez l'URL dans son Sharing Debugger (developers.facebook.com/tools/debug) et cliquez « Scrape again » : le cache est purgé immédiatement. LinkedIn a l'équivalent avec son Post Inspector. Pour WhatsApp et X, il faut attendre l'expiration naturelle du cache ou modifier légèrement l'URL partagée.

Quelle taille d'image choisir ?

1200×630 pixels, ratio 1,91:1 : c'est le format recommandé par Facebook et X pour les grandes cartes, et il se dégrade bien partout ailleurs. Restez au-dessus de 600×315 pour conserver une grande carte, et au-dessus de 200×200 pour que l'image soit affichée tout court. En dessous de 8 Mo, en JPEG ou PNG — pas de SVG.

Ma page est en React/Vue et aucune balise n'est détectée. C'est normal ?

Oui : les robots de Facebook, X ou WhatsApp n'exécutent pas le JavaScript (ou très mal). Si vos balises og:* sont injectées côté client, ils ne les voient pas — exactement ce que montre cet outil. La solution : rendre les balises côté serveur (SSR, génération statique, ou pré-rendu spécifique pour les bots).

Open Graph et Twitter Cards : faut-il les deux ?

L'Open Graph est la base : toutes les plateformes le lisent, X compris (en repli). Ajoutez au minimum twitter:card=summary_large_image pour garantir la grande carte sur X ; twitter:title et twitter:image ne sont utiles que si vous voulez un rendu différent sur X que sur Facebook. Dans la grande majorité des cas, Open Graph complet + twitter:card suffisent.

L'aperçu simulé est-il exactement fidèle ?

C'est une simulation raisonnable, pas une copie pixel par pixel : chaque plateforme ajuste régulièrement ses troncatures, ses ratios et son habillage, et certaines (Discord, Slack, Telegram) ont leurs propres variantes. En revanche, les balises lues, les replis appliqués et les vérifications d'image correspondent au comportement documenté des principales plateformes.

05Autres outils