Vérificateur Open Graph et aperçu de partage sur les réseaux sociaux

Lorsque quelqu’un colle votre lien dans Facebook, LinkedIn, X, WhatsApp ou Slack, l’application récupère votre page et construit une carte à partir de ses balises Open Graph et Twitter Card. Si elles sont bien renseignées, le lien affiche une image nette, un titre clair et une raison de cliquer. Sinon, il montre un logo rogné, le texte d’un bandeau de cookies ou rien du tout.

Ce vérificateur Open Graph lit ces balises, prévisualise la carte sur chaque plateforme et valide la taille de l’og:image, pour que vous puissiez corriger les partages avant qu’ils aient lieu, plutôt qu’après la publication d’un message dont l’aperçu est cassé.

Comment tester vos aperçus de liens

1. Saisissez l’URL que vous allez partager

   Utilisez l’adresse exacte, y compris tout chemin de langue ou de campagne, car chaque URL a ses propres balises.

2. Examinez chaque aperçu

   Consultez les cartes Facebook, X, LinkedIn, WhatsApp et Slack, ainsi que la liste de toutes les balises trouvées.

3. Corrigez les balises et actualisez les caches

   Mettez à jour les balises, puis demandez à chaque plateforme de relire l’URL pour qu’elle abandonne l’ancien aperçu.

Les balises dont toute page partageable a besoin

Le protocole Open Graph définit quatre propriétés de base — og:title, og:type, og:image et og:url — et la plupart des plateformes lisent aussi og:description et og:site_name. X lit d’abord ses propres balises twitter: et se rabat sur les valeurs Open Graph lorsqu’elles manquent.

<meta property="og:type" content="article">
<meta property="og:title" content="Comment tester les règles du robots.txt">
<meta property="og:description" content="Un guide pas à pas avec des exemples.">
<meta property="og:url" content="https://example.com/robots-txt-guide">
<meta property="og:image" content="https://example.com/img/robots-guide-1200x630.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Schéma d’une règle robots.txt correspondant à une URL">
<meta property="og:site_name" content="Exemple">
<meta name="twitter:card" content="summary_large_image">

La plupart des aperçus cassés viennent de trois erreurs : un chemin og:image relatif, deux jeux de balises écrits par un thème et par un plugin (les plateformes peuvent choisir la mauvaise image), et un og:url qui pointe vers la page d’accueil sur toutes les pages. Facebook considère og:url comme l’adresse canonique : cette dernière erreur fait donc afficher à chaque partage la carte de votre page d’accueil.

Les balises Open Graph utilisent property=, alors que les balises Twitter Card utilisent name=. Pour en savoir plus : Open Graph et Twitter Card.

Bien régler l’og:image

• Taille. 1200 × 630 px (environ 1,91:1) est la valeur sûre par défaut. La documentation de partage de Facebook recommande au moins cette taille pour les écrans haute résolution, 600 × 315 px au minimum pour les grands aperçus, et des fichiers de 8 Mo maximum.
• URL absolue. https://example.com/img/card.png, jamais /img/card.png.
• Zone de sécurité. Gardez le texte et les visages près du centre ; certaines applications recadrent en carré ou en cadre plus large.
• Format et poids. JPEG et PNG sont les plus largement pris en charge. Gardez le fichier léger, bien en dessous d’un mégaoctet si possible ; les applications de messagerie sont les moins indulgentes.
• Accessible. L’image doit renvoyer 200 aux robots, sans identifiant, protection anti-hotlinking ni vérification de pare-feu sur le chemin.

Facebook conseille de déclarer og:image:width et og:image:height pour que l’image s’affiche correctement dès le premier partage du lien. Il met aussi les images en cache selon leur URL : quand vous changez l’image, donnez donc un nouveau nom au fichier.

Pourquoi votre ancien aperçu ne disparaît pas

Les plateformes mettent les aperçus de liens en cache. Après correction des balises, l’ancienne carte peut persister jusqu’à ce que vous forciez l’actualisation :

• Facebook : collez l’URL dans le débogueur de partage et choisissez « Scrape Again » (ou son équivalent dans la langue de l’interface).
• LinkedIn : inspectez l’URL avec le Post Inspector, qui actualise aussi son cache.
• X, WhatsApp et Slack : il n’existe pas de bouton d’actualisation public ; ajouter une chaîne de requête anodine comme ?v=2 suffit généralement pour que l’application traite le lien comme nouveau.

Si l’aperçu est vide partout, vérifiez que les robots peuvent atteindre la page : des règles de robots.txt, un pare-feu ou un mur de cookies peuvent bloquer les robots des réseaux sociaux comme ceux des moteurs de recherche. Le testeur de robots.txt et le vérificateur de balises meta aident à en trouver la cause.

Conseils pour de meilleurs aperçus sociaux

• Concevez un seul modèle 1200 × 630 pour votre site et générez une carte par page ; des cartes cohérentes rendent vos partages reconnaissables.
• Rédigez og:title pour le fil d’actualité, pas pour Google — il peut être plus court et plus percutant que la balise title.
• Définissez og:url sur l’URL canonique pour que les partages de différentes variantes d’URL soient comptés ensemble.
• Ajoutez og:image:alt pour décrire l’image aux personnes qui utilisent un lecteur d’écran.
• Contrôlez les aperçus avant chaque lancement ou campagne, pas après le premier partage.

Limites à garder en tête

Les aperçus reproduisent de près la mise en page actuelle des cartes de chaque plateforme, mais les applications modifient leur design et leur recadrage sans préavis, et une carte en cache peut encore apparaître un moment après la correction des balises. Nous lisons le HTML serveur sans exécuter JavaScript, comme la plupart des robots des réseaux sociaux : les balises ajoutées par des scripts ne comptent donc pas. Pour générer un jeu de balises complet, utilisez le générateur de balises meta.

Dernière mise à jour le 30 oct. 2026 par l’équipe Yes SEO.