Aperçu Open Graph
Voyez votre lien tel qu’il apparaîtra quand quelqu’un le partagera.
Ce qu’il vérifie
- Récupère la page et lit og:title, og:description, og:image et twitter:card dans son HTML.
- Se rabat sur <title> et sur la meta description quand les versions Open Graph manquent, comme le font la plupart des plateformes.
- Dessine une carte de partage avec l’image, le domaine, le titre et la description pour LinkedIn, Facebook, X, WhatsApp et Slack.
- Charge og:image directement depuis votre serveur et vous prévient quand elle ne se charge pas.
- Indique lesquelles de og:title, og:image, og:description et twitter:card manquent.
Lire le résultat
Les cinq cartes partagent une même mise en page : lisez-les comme une vérification de ce que chaque plateforme reçoit, pas comme une copie du design de chaque application. Si l’image, le titre et la description sont bons ici, le contenu est bon ; les plateformes diffèrent surtout par le recadrage et la quantité de texte affichée.
Réglez d’abord une og:image absente ou cassée, car on passe vite sur un lien sans image. Utilisez une URL https absolue, une image d’environ 1200 sur 630 pixels et un serveur qui ne bloque pas les requêtes extérieures vers elle. Si l’aperçu indique que l’image ne s’est pas chargée, ouvrez l’adresse og:image seule pour comprendre pourquoi.
Les plateformes mettent les cartes en cache. Après avoir modifié les balises, demandez à chacune de récupérer à nouveau la page, par exemple avec le Post Inspector de LinkedIn ou le Sharing Debugger de Facebook, sinon les gens continueront de voir l’ancienne carte.
Questions
Pourquoi ma carte affiche-t-elle le mauvais titre ?
Sans og:title, les plateformes utilisent la balise <title> de la page, écrite pour les résultats de recherche et souvent chargée de votre marque ou de mots-clés. Ajoutez un og:title écrit pour quelqu’un qui fait défiler un fil.
Ai-je besoin de twitter:card si j’ai déjà des balises Open Graph ?
X lit le titre, la description et l’image Open Graph, mais utilise twitter:card pour choisir la mise en page. Réglez-le sur summary_large_image pour obtenir la carte avec grande image.
Puis-je prévisualiser une page qui n’est pas encore publiée ?
Seulement si elle est accessible à une adresse http ou https publique, car l’outil la récupère comme le ferait une plateforme. Les pages sur localhost, sur un réseau privé ou derrière une connexion ne peuvent pas être récupérées.
Cet outil vérifie une page, une fois. Votre équipe vérifie chaque page, chaque semaine, et corrige ce qu’elle trouve.
Plus d’outils gratuits
Générateur de balises hreflang
Créez des balises hreflang réciproques pour chaque version linguistique d’une page, et repérez les erreurs de code qui les cassent sans bruit.
Nettoyeur de texte IA
Repérez les caractères invisibles et les filigranes cachés dans un texte collé, et supprimez-les.
Générateur de robots.txt
Rédigez des règles d’exploration que les moteurs suivent vraiment, avec votre sitemap déjà relié.
Vérificateur de sitemap.xml
Analysez un sitemap en ligne pour trouver les erreurs qui tiennent vos pages hors de l’index.
Vérificateur de balises meta
Voyez exactement ce que les moteurs de recherche et les réseaux sociaux lisent sur une page.
Aperçu d’extrait SERP
Voyez où votre titre et votre description seront coupés avant de les publier.