Test Open Graph

À quoi servent les balises Open Graph

Quand quelqu'un colle un lien dans un post LinkedIn, sur Facebook, sur X ou dans une messagerie, la plateforme va lire la page pour en construire un aperçu : une image, un titre, parfois une description. Les balises Open Graph, placées dans le head de la page, lui disent exactement quoi afficher. Sans elles, la plateforme devine, et l'aperçu montre souvent un titre tronqué, un logo mal cadré ou pas d'image du tout.

Le protocole Open Graph a été créé par Facebook et il est repris par la plupart des plateformes. X lit ses propres balises twitter: quand elles existent, et se rabat sur les balises Open Graph sinon.

Les balises à mettre sur chaque page

• og:title : le titre de l'aperçu, qui peut être plus accrocheur que le title destiné à Google.
• og:description : une phrase ou deux qui donnent envie de cliquer.
• og:image : l'adresse complète d'une image de 1200 × 630 pixels, le format recommandé par Facebook et LinkedIn.
• og:url et og:type : l'adresse de référence de la page et sa nature, en général website ou article.
• twitter:card avec la valeur summary_large_image, pour obtenir une grande image sur X.

Pourquoi l'aperçu ne change pas tout de suite

Les plateformes gardent l'aperçu d'une adresse en cache. Après avoir corrigé vos balises, un nouveau partage peut encore montrer l'ancienne version pendant un moment. LinkedIn et Facebook proposent chacun un outil d'inspection, le Post Inspector et l'outil de débogage du partage, qui relit la page et met l'aperçu à jour.

Les erreurs les plus fréquentes

• Une image déclarée avec une adresse relative : les plateformes ont besoin de l'URL complète, en https.
• Une image trop petite ou au mauvais format, recadrée n'importe comment dans l'aperçu.
• Le même og:title et la même image sur toutes les pages du site.
• Des balises ajoutées par un script dans le navigateur : les robots des réseaux sociaux n'exécutent pas le JavaScript et ne les voient pas.
• Une image bloquée par le robots.txt ou protégée contre l'affichage sur d'autres sites.