Verificateur Open Graph

Validez les balises Open Graph et Twitter Card de n'importe quelle page web pour voir exactement comment elle apparaitra lorsqu'elle sera partagee sur les reseaux sociaux. Notre verificateur Open Graph extrait toutes les balises meta sociales, previsualise l'affichage de votre contenu sur Facebook, Twitter et LinkedIn, et identifie les proprietes manquantes ou mal configurees qui pourraient reduire votre engagement social. Cessez de deviner a quoi ressemblent vos partages et commencez a les controler.

Fonctionnalites cles de notre verificateur Open Graph

Aperçu multi-plateforme

Voyez exactement comment votre URL apparaitra lorsqu'elle sera partagee sur Facebook, Twitter, LinkedIn et d'autres plateformes. Chaque aperçu utilise le format d'affichage reel de la plateforme, montrant le recadrage de l'image, la troncature du titre et la disposition de la description tels qu'ils apparaissent dans les flux sociaux reels.

Extraction complete des balises

Extrait chaque balise Open Graph et Twitter Card de la page, affichant le nom de la propriete et la valeur dans un format clair et lisible. Inclut og:title, og:description, og:image, og:url, og:type, og:site_name, twitter:card, twitter:title et toutes les autres proprietes meta sociales.

Validation des images

Verifie que l'URL og:image est accessible, controle les dimensions de l'image par rapport aux exigences minimales de chaque plateforme, valide la compatibilite du format de fichier et rapporte la taille du fichier image. Detecte les images cassees avant qu'elles ne resultent en des echecs d'aperçu sur les partages sociaux.

Alertes de proprietes manquantes

Identifie les proprietes Open Graph requises et recommandees absentes de la page. Chaque propriete manquante est signalee avec une explication de son impact et une valeur recommandee, vous aidant a construire une implementation de balises complete.

Analyse de la longueur des caracteres

Verifie les longueurs de og:title et og:description par rapport aux limites d'affichage specifiques a chaque plateforme. Facebook tronque les titres a environ 88 caracteres et les descriptions a 300 caracteres, tandis que Twitter et LinkedIn ont des limites differentes. Le verificateur signale les valeurs qui seront tronquees.

Verification de coherence des URL

Compare la valeur og:url avec l'URL reelle de la page et toute balise canonique presente. Les incoherences entre ces valeurs peuvent amener les plateformes sociales a associer les partages a la mauvaise URL ou a creer des compteurs de partages dupliques entre les variantes d'URL.

Validation du type de Twitter Card

Valide le balisage Twitter Card incluant le type de carte, les specifications d'image pour le format de carte selectionne et l'attribution correcte de twitter:site et twitter:creator. Garantit que votre contenu utilise le type de carte optimal pour un engagement maximal sur Twitter.

Affichage du code brut des balises

Visualisez le code source HTML exact de chaque balise extraite a des fins de debogage. Cela aide a identifier les erreurs de syntaxe, les problemes d'encodage, les balises dupliquees provenant de sources conflictuelles et d'autres problemes techniques non visibles dans l'affichage formate des proprietes.

Comment utiliser le verificateur Open Graph

01

Étape 1

Saisissez l'URL complete de la page que vous souhaitez verifier dans le champ de saisie. Assurez-vous d'inclure le prefixe de protocole https:// et utilisez l'URL exacte qui sera partagee sur les reseaux sociaux, y compris les segments de chemin ou parametres.

02

Étape 2

Cliquez sur le bouton de verification pour lancer le scan. L'outil recuperera votre page en utilisant une simulation de robot qui imite la facon dont les plateformes de reseaux sociaux recuperent les donnees Open Graph.

03

Étape 3

Examinez la section d'aperçu multi-plateforme pour voir comment votre page apparait sur Facebook, Twitter et LinkedIn. Comparez le titre, la description et l'image affiches avec votre presentation prevue et notez toute divergence.

04

Étape 4

Examinez la liste des balises extraites pour verifier que toutes les proprietes Open Graph requises et recommandees sont presentes avec des valeurs correctes. Portez une attention particuliere a og:image, og:title, og:description et og:url.

05

Étape 5

Consultez les resultats de validation pour les problemes signales, y compris les balises manquantes, les images surdimensionnees ou sous-dimensionnees, le texte tronque, les URL d'images inaccessibles et les incoherences d'URL. Chaque probleme inclut la severite et une recommandation.

06

Étape 6

Corrigez les problemes identifies en mettant a jour les balises meta de votre page, puis relancez le verificateur pour confirmer que vos modifications ont resolu les problemes. Apres verification, utilisez le Sharing Debugger de Facebook et le Card Validator de Twitter pour vider les donnees d'aperçu en cache sur ces plateformes.

Prêt à Analyser ?

Essayez Verificateur Open Graph maintenant — entièrement gratuit, sans inscription

Utiliser l'Outil Maintenant

Qu'est-ce qu'un verificateur Open Graph ?

Un verificateur Open Graph est un outil de diagnostic qui recupere une page web, extrait ses balises meta Open Graph et Twitter Card, et affiche exactement comment la page apparaitra lorsqu'elle sera partagee sur les plateformes de reseaux sociaux. Il comble l'ecart entre ce que vous souhaitiez pour vos aperçus sociaux et ce que les plateformes affichent reellement en fonction des balises qu'elles trouvent dans votre HTML.

Lorsque vous saisissez une URL dans notre verificateur Open Graph, l'outil effectue la meme operation que les plateformes de reseaux sociaux executent lorsque quelqu'un partage votre lien. Il envoie une requete HTTP a l'URL, analyse la reponse HTML et extrait chaque balise meta prefixee og: et twitter: de la section head de la page. Les donnees extraites sont ensuite utilisees pour generer des aperçus simules montrant comment le partage apparaitra sur Facebook, Twitter, LinkedIn et d'autres plateformes.

Au-dela du simple affichage des balises, le verificateur valide chaque propriete par rapport aux exigences specifiques de chaque plateforme. Il verifie que og:image pointe vers un fichier image accessible de dimensions adequates, que og:url retourne une reponse HTTP valide, que les proprietes requises sont presentes et que les valeurs des proprietes sont conformes aux formats attendus. Chaque probleme est signale avec un niveau de severite et une recommandation specifique de correction.

L'outil identifie egalement les divergences courantes entre les plateformes. Parce que Facebook, Twitter, LinkedIn et Pinterest ont chacun des exigences d'affichage et des comportements de repli legerement differents, le meme ensemble de balises OG peut produire des resultats differents sur chaque plateforme. Le verificateur montre ces variations cote a cote, vous aidant a optimiser pour toutes les plateformes simultanement plutot que de decouvrir les problemes apres que le contenu a deja ete partage.

Pour les equipes gerant du contenu a grande echelle, le verificateur Open Graph sert d'etape d'assurance qualite dans le flux de travail de publication. Avant qu'un article de blog, une page de produit ou une page d'atterrissage de campagne ne soit publie, le passer au verificateur confirme que les aperçus sociaux repondent aux normes de qualite. Cela previent le scenario courant et embarrassant de partager un contenu majeur pour decouvrir ensuite qu'il s'affiche avec une image manquante, un mauvais titre ou une description generique sur les reseaux sociaux.

Le verificateur est particulierement precieux apres des migrations de site, des mises a jour du CMS ou des changements de modeles qui peuvent modifier ou supprimer par inadvertance les balises Open Graph. Ces changements techniques peuvent casser le partage social sur l'ensemble de votre site sans aucune indication visible sur les pages elles-memes. Une verification systematique des pages cles immediatement apres tout changement technique detecte ces problemes avant qu'ils n'affectent vos performances sur les reseaux sociaux.

Pourquoi la verification des balises Open Graph est essentielle

Creer des balises Open Graph n'est que la moitie de l'equation. Sans verification, vous ne pouvez pas etre certain que vos balises sont correctement formatees, accessibles aux robots sociaux et produisent les aperçus que vous attendez. Voici les raisons essentielles pour lesquelles la validation reguliere d'Open Graph devrait faire partie de votre flux de travail.

Les robots sociaux se comportent differemment des navigateurs

Votre page peut sembler parfaite dans un navigateur web, mais les robots des reseaux sociaux traitent les pages differemment. Ils ont des limites de timeout strictes, generalement de deux a cinq secondes, et abandonneront l'exploration si votre page met trop de temps a repondre. Ils n'executent pas le JavaScript, donc les balises OG generees dynamiquement par des scripts cote client peuvent etre invisibles pour les robots sociaux. Ils suivent les chaines de redirection differemment et peuvent ne pas traiter les balises sur l'URL de destination finale. Le verificateur Open Graph simule ce comportement de robot, revelant les problemes invisibles lors des tests normaux dans le navigateur.

Accessibilite et conformite de taille des images

L'echec Open Graph le plus courant est une image qui ne s'affiche pas dans les aperçus sociaux. Cela se produit lorsque l'URL og:image retourne une erreur 404, lorsque l'image est bloquee par robots.txt ou l'authentification, lorsque l'image est trop petite pour les exigences minimales de la plateforme, ou lorsque le serveur d'images est trop lent pour repondre dans la fenetre de timeout du robot. Le verificateur valide l'accessibilite et les dimensions de l'image pour detecter ces problemes avant qu'ils ne resultent en des partages sans image.

Prevenir les problemes d'aperçu en cache

Les plateformes sociales mettent agressivement en cache les donnees Open Graph. Lorsque vous mettez a jour vos balises OG, les anciennes donnees en cache peuvent persister pendant des heures voire des jours, ce qui signifie que les partages continuent d'afficher des informations obsoletes. Si le cache initial a capture des donnees incorrectes ou manquantes, le probleme s'aggrave. Verifier vos balises OG avant le premier partage garantit que les donnees mises en cache initiales sont correctes. Si vous devez mettre a jour les donnees en cache, les resultats du verificateur confirment ce qui doit changer, et vous pouvez ensuite utiliser les outils specifiques a chaque plateforme pour vider leurs caches.

Coherence multi-plateforme

Chaque plateforme sociale affiche les donnees OG avec un formatage legerement different. Facebook affiche og:site_name au-dessus du titre, Twitter l'omet, et LinkedIn l'affiche differemment. Le recadrage des images varie entre les plateformes. Les limites de caracteres pour les titres et descriptions different. Le verificateur previsualise votre partage sur plusieurs plateformes simultanement, garantissant que votre contenu a une apparence professionnelle partout, pas seulement sur la seule plateforme que vous avez testee manuellement.

Proteger la reputation de la marque

Lorsque votre contenu est partage avec une image cassee, un mauvais titre ou une description non pertinente, cela reflete mal votre marque. Dans des contextes professionnels comme LinkedIn ou les canaux Slack, un aperçu de lien mal formate peut miner la credibilite d'un contenu par ailleurs excellent. La verification reguliere des OG garantit que chaque partage de votre contenu maintient l'apparence professionnelle que votre marque exige.

Maximiser le ROI du trafic social

Si vous investissez du temps et du budget dans le marketing sur les reseaux sociaux, la promotion de contenu ou la prospection d'influenceurs, des balises OG mal configurees gaspillent cet investissement. Chaque partage qui s'affiche sans un aperçu convaincant represente des clics et de l'engagement potentiels perdus. Verifier les balises OG avant de lancer des campagnes garantit que votre investissement social produit un rendement maximal.

Problemes courants d'Open Graph et comment les corriger

A travers des millions de verifications d'URL, certains problemes Open Graph apparaissent de maniere recurrente. Voici les problemes les plus frequents, leurs causes et les solutions etape par etape pour chacun.

Aucune image affichee dans l'aperçu social

C'est le probleme OG le plus signale. Les causes courantes incluent : la balise og:image est completement absente de la page, l'URL de l'image retourne une erreur 404 ou une redirection, l'image est servie en HTTP alors que la page utilise HTTPS causant un blocage de contenu mixte, l'image est trop petite pour respecter les minimums de la plateforme, ou le serveur d'images est trop lent pour repondre et le robot expire. Solution : Ajoutez une balise og:image valide pointant vers une URL HTTPS d'une image d'au moins 1200 par 630 pixels, hebergee sur un serveur qui repond en moins de deux secondes.

Mauvaise image apparaissant dans l'aperçu

Lorsque l'image og:image specifiee echoue a la validation, les plateformes se rabattent sur le scan du corps de la page pour trouver n'importe quelle image disponible, ce qui peut selectionner un logo, une icone, une image de barre laterale ou une publicite. Solution : Verifiez que votre URL og:image se charge correctement lorsqu'elle est accedee directement dans un navigateur. Assurez-vous que l'URL ne necessite pas d'authentification ou de cookies. Testez que le serveur d'images repond rapidement et ne bloque pas les user agents des robots.

Aperçu obsolete apres mise a jour des balises

Les plateformes sociales mettent en cache les donnees OG pour plus d'efficacite, donc mettre a jour vos balises ne change pas immediatement les aperçus existants. Facebook peut mettre en cache les donnees pendant jusqu'a 30 jours. Solution : Apres avoir mis a jour les balises OG, utilisez le Sharing Debugger de Facebook pour cliquer sur Scrape Again, ce qui force Facebook a re-recuperer votre page. Pour Twitter, soumettez l'URL au Card Validator. Pour LinkedIn, utilisez le Post Inspector et cliquez sur le bouton de rafraichissement. Prevoyez 24 heures pour que les caches se propagent completement.

Titre ou description tronque dans l'aperçu social

Facebook tronque les titres a environ 88 caracteres et les descriptions a environ 300 caracteres. Twitter est plus restrictif avec des titres a 70 caracteres. LinkedIn tronque a des limites similaires. Solution : Maintenez og:title sous 60 caracteres et og:description sous 200 caracteres pour garantir un affichage complet sur toutes les plateformes. Placez les informations les plus importantes en debut au cas ou la troncature interviendrait sur les plateformes plus strictes.

Balises OG presentes mais non lues

Si vos balises OG sont generees par JavaScript apres le chargement de la page, les robots sociaux ne peuvent pas les voir car ils n'executent pas le JavaScript. Les applications monopages construites avec React, Angular ou Vue ont souvent ce probleme. Solution : Implementez le rendu cote serveur (SSR) ou utilisez un service de prerendu qui sert du HTML statique avec les balises OG aux user agents des robots sociaux. Verifiez en visualisant le code source de votre page sans JavaScript active.

Incoherence entre og:url et URL canonique

Lorsque og:url differe de la balise canonique ou de l'URL reelle de la page, les plateformes sociales peuvent consolider les compteurs de partages sous la mauvaise URL ou afficher du contenu inattendu. Solution : Assurez-vous que og:url, la balise canonique et l'URL reelle de la page pointent toutes vers la meme URL preferee. N'incluez pas de parametres de suivi, d'identifiants de session ou de fragments d'URL dans aucune de ces valeurs.

Exigences Open Graph specifiques a chaque plateforme

Bien que le protocole Open Graph fournisse une norme universelle, chaque plateforme sociale interprete et affiche les donnees OG avec ses propres nuances. Comprendre ces exigences specifiques a chaque plateforme garantit des aperçus optimaux partout ou votre contenu est partage.

Facebook

Facebook est le createur du protocole Open Graph et offre le support le plus complet. Les balises requises sont og:title, og:type, og:image et og:url. Facebook recommande fortement og:description et og:site_name. Pour les images, la taille minimale pour un grand aperçu est de 600 par 315 pixels, mais 1200 par 630 pixels est recommande pour les ecrans haute resolution. Facebook supporte plusieurs balises og:image et utilisera la premiere valide. La plateforme met agressivement en cache les donnees OG, donc utilisez le Sharing Debugger pour vider le cache apres les mises a jour.

Twitter

Twitter utilise son propre balisage Card avec des balises prefixees twitter: mais se rabat sur les balises Open Graph lorsque les balises Card sont absentes. La propriete twitter:card est requise pour activer la fonctionnalite Card. Twitter supporte les types de cartes Summary, Summary with Large Image, App et Player. Pour les cartes Large Image, la taille minimale d'image est de 300 par 157 pixels, et le rapport d'aspect est recadre a environ 2:1. Twitter ne supporte pas les balises d'images multiples et n'utilisera que la premiere.

LinkedIn

LinkedIn lit les balises Open Graph standard et les affiche dans un format similaire a Facebook. La plateforme prefere les images de 1200 par 627 pixels et supporte les formats JPEG et PNG. Le Post Inspector de LinkedIn vous permet de previsualiser et rafraichir les donnees OG en cache. Une difference importante est que LinkedIn affiche la og:description de maniere plus proeminente que certaines autres plateformes, donc investir dans une description convaincante beneficie particulierement aux performances de partage sur LinkedIn.

Pinterest

Pinterest lit og:image pour les Rich Pins et prefere les images verticales avec un rapport d'aspect 2:3 pour un affichage optimal dans le flux de pins. Pinterest supporte egalement ses propres metadonnees via le balisage Pinterest Rich Pin, qui peut etre valide via leur Rich Pin Validator. Pour les sites de commerce electronique, Pinterest peut extraire les prix et la disponibilite des produits a partir des donnees structurees aux cotes des balises OG.

WhatsApp et applications de messagerie

WhatsApp, Telegram, Slack et Discord lisent tous les balises Open Graph pour generer des aperçus de liens dans les messages. Ces plateformes affichent generalement og:title, og:description et og:image dans un format de carte compact. Les exigences en matiere d'images sont generalement moins strictes que les plateformes de reseaux sociaux, mais les images devraient tout de meme faire au moins 300 par 200 pixels et se charger rapidement. Les robots des applications de messagerie ont souvent des fenetres de timeout tres courtes, rendant les temps de reponse rapides du serveur particulierement importants.

Questions Fréquemment Posées

Tout ce que vous devez savoir sur Verificateur Open Graph

Le verificateur Open Graph analyse toutes les balises meta de reseaux sociaux d'une page web, y compris og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, les balises Twitter Card et toute propriete OG ou sociale supplementaire. Il valide chaque balise par rapport aux exigences des plateformes, verifie l'accessibilite et les dimensions des images, identifie les proprietes requises manquantes et genere des aperçus simules de reseaux sociaux montrant comment la page apparaitra sur Facebook, Twitter et LinkedIn.

Cela se produit generalement parce que votre balise og:image pointe vers une URL qui retourne une erreur, reference une image trop petite pour les exigences minimales de Facebook de 200 par 200 pixels, ou le serveur d'images est trop lent pour repondre avant que le robot de Facebook n'expire. Cela peut egalement se produire si votre balise og:image est generee par JavaScript, que le robot de Facebook ne peut pas executer. Corrigez l'URL de l'image, assurez-vous qu'elle se charge rapidement en HTTPS et utilisez le Sharing Debugger de Facebook pour vider l'aperçu en cache.

Chaque plateforme a sa propre methode de vidage de cache. Pour Facebook, visitez developers.facebook.com/tools/debug, saisissez votre URL et cliquez sur Scrape Again. Pour Twitter, soumettez votre URL a cards-dev.twitter.com/validator. Pour LinkedIn, utilisez linkedin.com/post-inspector et cliquez sur le bouton de rafraichissement. Les caches de WhatsApp sont plus difficiles a vider et necessitent generalement d'attendre 24 a 48 heures pour un rafraichissement automatique. Apres avoir vide les caches, verifiez l'aperçu mis a jour en partageant le lien dans une publication de test privee.

Oui, vous pouvez verifier les balises Open Graph sur n'importe quelle URL publiquement accessible, y compris les sites web concurrents. Le verificateur recupere la page de la meme maniere que les robots des reseaux sociaux, extrayant toutes les balises OG et Twitter Card disponibles. Cela en fait un outil de recherche concurrentielle precieux pour voir comment les concurrents presentent leur contenu sur les reseaux sociaux. Les pages necessitant une authentification ou bloquees par robots.txt peuvent ne pas etre entierement accessibles au verificateur.

La taille minimale de og:image varie selon la plateforme. Facebook exige au moins 200 par 200 pixels pour une miniature et 600 par 315 pixels pour un grand aperçu. Twitter exige au moins 144 par 144 pixels pour les cartes Summary et 300 par 157 pixels pour les cartes Large Image. LinkedIn exige au moins 200 par 200 pixels. La taille universellement recommandee est de 1200 par 630 pixels, qui fonctionne bien sur toutes les principales plateformes et a un rendu net sur les ecrans haute resolution.

Si le verificateur ne trouve aucune balise OG, les causes les plus probables sont : vos balises sont generees par du JavaScript cote client que le robot ne peut pas executer, votre page redirige et les balises existent uniquement sur l'URL d'origine et non sur la destination, votre serveur bloque les user agents des robots, ou les balises sont placees en dehors de la section head du HTML. Verifiez le code source de votre page en faisant un clic droit et en selectionnant Afficher le code source pour verifier que les balises apparaissent dans le HTML brut avant toute execution de JavaScript.

Oui, chaque page susceptible d'etre partagee sur les reseaux sociaux devrait avoir son propre ensemble unique de balises Open Graph avec un contenu specifique a cette page. Utiliser les memes og:title, og:description et og:image sur toutes les pages fait que chaque partage semble identique quelle que soit la page partagee, ce qui seme la confusion chez les utilisateurs et reduit l'engagement. Les plateformes CMS et les plugins SEO peuvent automatiser la generation de balises OG uniques basees sur le contenu de la page, rendant la personnalisation par page gerale meme pour les grands sites.

Verifiez les balises Open Graph chaque fois que vous publiez un nouveau contenu, mettez a jour des pages existantes, changez le modele ou theme de votre site, installez ou mettez a jour des plugins CMS, ou migrez votre site vers une nouvelle plateforme. Pour les sites a fort trafic, etablissez un audit trimestriel de vos pages les plus partagees pour detecter toute degradation. Verifiez toujours les balises OG avant de lancer des campagnes sur les reseaux sociaux ou d'envoyer du contenu aux influenceurs, car des aperçus defaillants gaspillent l'investissement promotionnel et nuisent a la perception de la marque.