Vérificateur Open Graph
Collez une URL publique et nous récupérerons ses balises og:title, og:image, og:description, ainsi que sa carte Twitter — exactement comme Slack, LinkedIn et X l'afficheront.
Comment corriger un aperçu qui ne s'affiche pas
- 01
Vérifiez que les balises existent sur l'URL partagée
Pas sur la page d'accueil, et pas sur la version derrière une redirection - sur l'URL exacte que les gens collent. Les aperçus sont lus à partir de la réponse finale, donc une balise qui n'existe que sur la page avant redirection revient à ne pas exister du tout.
- 02
Rendez l'image totalement accessible
og:image a besoin d'une URL https complète qu'un inconnu peut récupérer : pas de chemin relatif, pas de connexion requise, pas de protection anti-hotlink, pas de redirection. Si vous ne pouvez pas l'ouvrir dans une fenêtre privée, la plateforme ne le peut pas non plus.
- 03
Donnez-lui le format attendu par les plateformes
1200 par 630 pixels est le choix par défaut le plus sûr, soit environ 1,91:1. Restez sous quelques mégaoctets, utilisez JPEG ou PNG, et gardez tout texte bien à l'intérieur du cadre, car les plateformes ne rognent pas toutes les mêmes bords.
- 04
Relancez l'exploration, ne vous contentez pas de réessayer
Chaque réseau met en cache ce qu'il a récupéré la première fois, y compris un échec. Après une correction, utilisez l'outil de débogage propre à cette plateforme pour forcer une nouvelle récupération - sinon vous regardez une erreur mise en cache et vous modifiez des choses qui n'ont jamais été cassées.
Ce que fait chaque balise
og:title et og:description
Le titre et le sous-texte de la carte. Ils remplacent le titre de la page et la meta description pour le partage, ce qui est utile : la formulation qui fonctionne dans un résultat de recherche est rarement celle qui fonctionne dans un fil d'actualité.
og:image
Celle qu'on remarque en premier, et celle qui échoue le plus souvent, presque toujours parce qu'elle est inaccessible plutôt qu'incorrecte. Indiquez une largeur et une hauteur explicites quand vous le pouvez - certaines plateformes mettent en page la carte avant même que l'image ait fini de se télécharger.
og:url
L'adresse canonique de ce qui est partagé. Elle regroupe les compteurs d'engagement lorsque la même page circule avec différents paramètres de suivi, donc ce doit être l'URL propre, pas celle qui est taguée.
twitter:card
Choisit entre une petite miniature et une grande image. X se rabat sur les balises Open Graph pour tout le reste, donc c'est en général la seule balise twitter: qui vaille la peine d'être ajoutée.
Questions fréquentes sur les aperçus de liens
Pourquoi mon lien affiche-t-il un aperçu vide ?
Neuf fois sur dix, l'image est inaccessible - un chemin relatif, un bucket privé, ou une redirection que l'outil de récupération ne suit pas. Le reste, ce sont des pages qui génèrent leurs balises en JavaScript, que la plupart des outils de récupération d'aperçu n'exécutent jamais.
Comment vider un aperçu mis en cache ?
Via l'outil de débogage propre à chaque plateforme, car chacune garde son propre cache : le Sharing Debugger de Facebook, le Post Inspector de LinkedIn, le validateur de carte de X. Il n'existe pas de purge universelle, et repartager simplement le lien ne suffira pas.
Ai-je besoin de balises twitter: si j'ai déjà des balises Open Graph ?
Seulement twitter:card, et seulement si vous voulez la mise en page grande image. Titres, descriptions et images se rabattent tous sur les équivalents og:.
L'aperçu affecte-t-il le SEO ?
Pas directement - les balises Open Graph ne sont pas des signaux de classement. Elles influencent le fait que quelqu'un clique ou non sur le lien une fois partagé, ce qui est un chiffre différent, et souvent plus important.
Pourquoi le même lien a-t-il un aspect différent sur chaque plateforme ?
Des ratios de recadrage différents, des longueurs de description différentes, et des caches différents avec des âges différents. Concevez l'image pour qu'elle reste lisible même quand les bords sont coupés et que la description est tronquée.