Vérificateur Open Graph
Vérifier et déboguer les balises Open Graph
Collez une URL pour lire ses balises Open Graph et prévisualiser l'aperçu du lien généré. Identifiez les balises og manquantes ou conflictuelles et corrigez-les avant de partager la page.
og:title
Le titre affiché dans la carte d'aperçu. Gardez-le sous la barre des 60 caractères environ et veillez à ce qu'il soit compréhensible seul, sans que le nom du site ne fasse tout le travail.
Titre
Description
framer.com
og:description
Le court résumé sous le titre. Une longueur d'environ 110 à 160 caractères fonctionne bien. Certaines applications n'affichent que la première ligne, commencez donc par l'élément clé.
Titre
Description
framer.com
og:image
L'image d'aperçu. Utilisez une URL HTTPS absolue vers un fichier JPG ou PNG de 1200 x 630 pixels, et ajoutez og:image:width, og:image:height ainsi que og:image:alt.
og:url et og:type
og:url doit correspondre à l'URL canonique afin que les partages soient comptabilisés pour une seule adresse. og:type est généralement « website » pour les pages et « article » pour les articles de blog.
Titre
Description
framer.com
Un guide pratique des balises Open Graph
Open Graph est le protocole utilisé par la plupart des plateformes pour générer des aperçus de liens. Un vérificateur Open Graph vous montre ce qu'elles liront sur votre page et vous aide à résoudre les éventuels problèmes.
Qu'est-ce qu'un vérificateur Open Graph ?
Un vérificateur Open Graph analyse une URL, lit ses balises méta og et génère des aperçus pour des plateformes comme LinkedIn, Facebook, X, Slack et WhatsApp. Il fonctionne comme un outil de débogage pour visualiser l'apparence de votre lien lorsqu'il est partagé.
Quelles balises Open Graph sont obligatoires ?
Les quatre balises de base sont og:title, og:type, og:image et og:url. Ajoutez og:description et og:site_name pour un aperçu complet, ainsi que og:locale si vous publiez dans plusieurs langues.
Comment déboguer les balises Open Graph
Analysez l'URL à l'aide de l'outil de vérification et recherchez les balises manquantes, les doublons ou les valeurs qui diffèrent de la page. Assurez-vous que les balises se trouvent bien dans le code HTML généré par le serveur, car de nombreux robots d'indexation n'exécutent pas JavaScript.
Open Graph vs. Twitter Cards
Twitter card tags such as twitter:card and twitter:image are specific to X. When they are missing, X falls back to the Open Graph tags. Set twitter:card to summary_large_image and let Open Graph cover the rest.
Pourquoi l'ancien aperçu s'affiche-t-il toujours ?
Les plateformes mettent les aperçus en cache. Après avoir modifié vos balises, republiez la page et utilisez l'outil dédié de la plateforme, comme le Post Inspector de LinkedIn, pour actualiser les données.
Les balises Open Graph aident-elles le référencement naturel (SEO) ?
Les balises Open Graph ne sont pas un facteur de classement direct, mais de meilleurs aperçus génèrent plus de clics et de partages, ce qui apporte plus de visiteurs et augmente vos chances d'obtenir des liens vers votre page.
Une checklist rapide pour Open Graph
Un og:title et une og:description par page, une og:image de 1200 x 630 avec une URL absolue, une og:url correspondant à l'URL canonique, la balise twitter:card configurée, et une nouvelle vérification après chaque modification.
More free tools: the OG image size checker, the Twitter card validator, the favicon checker and the meta tag generator.