Skip to main content
CheckTown
Outils Dev

Open Graph Preview: How Your Links Appear on Social Media

Publié le 5 min de lecture
Dans cet article

Que sont les balises Open Graph ?

Open Graph (OG) est un protocole créé par Facebook en 2010 qui permet à toute page web de contrôler son apparence lors du partage sur les réseaux sociaux. En ajoutant des balises meta spécifiques dans le head HTML, vous pouvez définir le titre, la description, l'image et l'URL qui apparaissent dans les aperçus de liens.

Sans balises Open Graph, les plateformes sociales tentent d'extraire un aperçu automatiquement, produisant souvent des résultats peu flatteurs avec des images incorrectes, des titres tronqués ou des descriptions manquantes. Les balises OG vous donnent un contrôle total sur l'apparence sociale de votre contenu.

Comment fonctionnent les aperçus Open Graph

Lorsque quelqu'un partage une URL sur les réseaux sociaux, le robot de la plateforme récupère la page et lit ses balises meta Open Graph. Les quatre propriétés requises définissent la carte d'aperçu minimale viable.

  • og:title — le titre affiché dans la carte d'aperçu du lien, généralement 60-90 caractères pour un affichage optimal sur toutes les plateformes
  • og:description — un bref résumé affiché sous le titre, idéalement 150-200 caractères pour éviter la troncature
  • og:image — l'URL de l'image d'aperçu, recommandée en 1200x630 pixels pour Facebook et LinkedIn, affichée comme grande carte ou miniature

Essayez gratuitement — sans inscription

Prévisualiser vos balises Open Graph →

Quand utiliser un outil d'aperçu OG

Tester vos balises Open Graph avant le partage est essentiel pour une présence professionnelle sur les réseaux sociaux.

  • Marketing sur les réseaux sociaux — prévisualiser comment les articles de blog, les pages produits et les pages d'atterrissage apparaissent sur Facebook, Twitter et LinkedIn avant de les partager
  • Audit SEO — vérifier que les balises OG correspondent au titre et à la description de votre page, assurant une messagerie cohérente entre les canaux de recherche et sociaux
  • Applications de messagerie — les plateformes comme Slack, Discord, WhatsApp et Telegram utilisent aussi les balises OG pour générer des aperçus de liens, rendant la qualité des balises importante au-delà des réseaux sociaux

Foire aux questions

Quelle est la taille idéale pour une image OG ?

La taille d'image OG recommandée est de 1200 x 630 pixels (ratio 1.91:1) pour un affichage optimal sur Facebook et LinkedIn. Les cartes Twitter fonctionnent mieux à 1200 x 628 pixels. Gardez le contenu important centré car certaines plateformes recadrent les bords. Utilisez le format JPEG ou PNG, et gardez la taille du fichier sous 1 Mo.

Ai-je besoin à la fois des balises OG et des balises Twitter Card ?

Les cartes Twitter (twitter:title, twitter:description, twitter:image) peuvent se rabattre sur les balises OG si non spécifiées. Cependant, définir les deux vous donne un contrôle spécifique par plateforme. Au minimum, définissez les balises OG — elles offrent la couverture la plus large sur toutes les plateformes.

Comment déboguer les balises OG qui ne se mettent pas à jour ?

Les plateformes sociales mettent agressivement en cache les données OG. Le Sharing Debugger de Facebook vous permet de re-scanner une URL pour rafraîchir le cache. Le Card Validator de Twitter fait de même. Le Post Inspector de LinkedIn gère le cache LinkedIn. Après avoir mis à jour vos balises OG, utilisez ces outils pour forcer un rafraîchissement du cache.

Outils associés