Vérificateur Open Graph

Suivant

Collez le HTML de votre page (le <head> seul suffit) et ce vérificateur analyse chaque balise méta og: et twitter: qu’il trouve, puis indique lesquelles des six balises essentielles sont présentes, lesquelles manquent et la valeur exacte de chacune. Comme il lit le balisage que vous collez au lieu de récupérer une URL en ligne, il fonctionne aussi sur les serveurs de préproduction, en localhost et sur les pages derrière une authentification, où aucun scraper en ligne ne peut accéder.

Comment le vérificateur lit vos balises

  1. 1

    Ouvrez le code source de la page

    Appuyez sur Ctrl+U (Cmd+Option+U sur macOS) pour voir le HTML brut que les robots sociaux reçoivent réellement.

  2. 2

    Copiez la section head

    Sélectionnez de `<head>` à `</head>`. Le body n'est pas nécessaire, même si coller la page entière ne pose aucun problème.

  3. 3

    Collez-le dans le vérificateur

    Chaque balise `<meta>` est analysée à mesure que vous tapez. Aucune URL n'est récupérée : seul le balisage que vous collez est examiné.

  4. 4

    Lisez la liste de contrôle

    Six contrôles passent au vert ou au rouge : og:title, og:description, og:type, og:url, og:image et twitter:card.

  5. 5

    Examinez les valeurs trouvées

    Chaque balise og: et twitter: est listée avec son contenu, de sorte que les fautes de frappe, les valeurs vides et les chemins d'image relatifs sautent aux yeux.

Les balises Open Graph que le vérificateur recherche

Balise Rôle Sur la liste de contrôle ?
og:title Titre de la carte Oui, obligatoire
og:description Sous-titre de la carte Oui, obligatoire
og:type website, article, video, etc. Oui, obligatoire
og:url URL canonique Oui, obligatoire
og:image URL de l’image d’aperçu Oui, obligatoire
og:site_name Ligne de marque au-dessus du titre Listée si présente
og:locale fr_FR, en_US, etc. Listée si présente

Toute autre balise og: de votre balisage est également listée, même si elle ne fait pas partie de la liste de contrôle.

Balises Twitter Card

X (Twitter) revient à Open Graph quand ses propres balises sont absentes, donc seule twitter:card figure sur la liste de contrôle. Le reste est listé dès que le vérificateur les trouve.

Balise Rôle
twitter:card summary, summary_large_image, etc.
twitter:site @compte qui publie
twitter:creator @compte de l’auteur
twitter:title Remplace og:title
twitter:description Remplace og:description
twitter:image Remplace og:image

Spécifications d’image qui fonctionnent partout

Le vérificateur confirme que og:image est déclarée, mais il ne télécharge jamais le fichier, vérifiez donc ces points à la main :

  • Dimensions : 1200 x 630 px (Facebook, LinkedIn, grandes cartes Twitter).
  • Rapport d’aspect : 1.91:1 pour summary_large_image.
  • Taille du fichier : moins de 5 Mo, idéalement moins de 1 Mo pour que le robot n’expire pas.
  • Format : JPG ou PNG. WebP et AVIF restent pris en charge de façon inégale.
  • URL absolue : toujours l’adresse complète https://..., jamais un chemin relatif au protocole ou à la racine.

Problèmes courants que le rapport révèle

  • Pas de og:image. L’échec le plus fréquent de loin. Sans image, la carte se dégrade en un lien bleu sans style.
  • Une balise présente mais vide. Le vérificateur affiche chaque valeur, donc un og:title sans rien derrière se repère facilement.
  • Chemin d’image relatif. og:image doit être une URL absolue ; un chemin comme /img/card.jpg casse le scraping.
  • Incohérence de og:url. Quand og:url diffère de la véritable URL canonique, les plateformes peuvent refuser de scraper la page.
  • Balises injectées par JavaScript. Elles n’apparaissent jamais dans le view-source, donc pas ici non plus, et la plupart des robots ne les verront pas.
  • Une carte obsolète sur Facebook. Ce n’est pas un problème de balisage : Facebook met ses scrapes en cache. Forcez une actualisation depuis son Sharing Debugger.

Questions fréquentes

Parce que coller le balisage montre exactement ce qu’un robot social voit dans la réponse brute, et cela fonctionne sur des pages qu’aucun robot ne peut atteindre : serveurs de préproduction, localhost, intranets et tout ce qui se trouve derrière une authentification. Ouvrez votre page, appuyez sur Ctrl+U, copiez le code source et collez-le ici.

Pas strictement. X revient aux balises Open Graph quand les balises twitter: manquent, c’est pourquoi seule twitter:card figure sur la liste de contrôle. N’ajoutez le reste que si vous voulez un titre, une description ou une image différents sur X par rapport aux autres plateformes.

L’inspecteur montre le DOM après l’exécution de JavaScript, tandis que les robots sociaux lisent la réponse HTML brute. Utilisez le view-source (Ctrl+U), pas l’inspecteur, et collez cela. Si la balise n’existe que dans le DOM, ajoutez un rendu côté serveur ou un service de prérendu pour que les robots puissent la voir.

1200 x 630 px, JPG ou PNG. C’est la taille recommandée pour les grandes cartes Facebook et LinkedIn, elle est acceptée par X et s’adapte proprement dans Slack, Discord et d’autres applications qui déploient les liens. Le vérificateur confirme que og:image est déclarée, mais il n’ouvre pas le fichier, vérifiez donc vous-même les dimensions.

Facebook met les résultats de scraping en cache jusqu’à 30 jours. Collez l’URL dans le Sharing Debugger sur developers.facebook.com/tools/debug et re-scrapez-la pour invalider le cache.

Outils similaires

Outil disponible dans d’autres langues