Aperçu Open Graph
Saisissez l’adresse d’une page, ou collez son HTML, pour voir la carte reçue lors d’un partage et corriger ce qui manque.
Les balises Open Graph sont des métabalises placées dans le head d’une page. Elles indiquent aux réseaux sociaux et aux messageries quels titre, description et image afficher quand quelqu’un partage le lien.
L’outil lit ces balises et dessine une carte de lien dans le style d’une publication Facebook. Il vérifie aussi la taille et le ratio de l’image, et liste les balises manquantes ou trop longues.
Questions
Pourquoi Facebook affiche-t-il encore mon ancien aperçu ?
Facebook met la carte du lien en cache dès le premier partage. Après avoir corrigé vos balises, passez l’URL dans le Sharing Debugger et relancez la récupération pour actualiser le cache. Les autres plateformes ont leurs propres caches.
Pourquoi l’aperçu est-il vide pour une page en JavaScript ?
Les robots de liens lisent le HTML envoyé par le serveur et n’exécutent pas JavaScript. Si les balises sont ajoutées seulement dans le navigateur, elles ne sont pas vues. Générez-les côté serveur ou dans le HTML statique.
Quelle est la taille idéale d’une image Open Graph ?
1200 x 630 pixels, soit un ratio d’environ 1,91:1, et moins de 8 Mo. Les images de moins de 600 x 315 pixels s’affichent en petite vignette à côté du texte.
Pourquoi l’aperçu diffère-t-il de ce que je vois après le partage ?
Chaque plateforme a son propre recadrage, ses limites de texte et son cache. Cet aperçu suit la mise en page courante de Facebook et lit votre page une seule fois, maintenant. La plateforme peut aussi avoir gardé une version plus ancienne.
Quelles balises comptent le plus ?
og:title, og:description, og:image et og:url. Les autres, comme og:site_name et twitter:card, sont facultatives mais améliorent la carte.