Open Graph
L'Open Graph désigne les balises meta dans le head d'une page qui contrôlent le titre, la description et l'image affichés lors d'un partage sur les réseaux.
Qu’est-ce que l’Open Graph ?
L’Open Graph est un protocole introduit par Facebook en 2010 qui utilise des balises meta dans la section <head> d’une page pour contrôler l’apparence d’un lien lors de son partage. Des balises comme og:title, og:description, og:image, og:url et og:type indiquent à des plateformes telles que Facebook, LinkedIn, Messenger, WhatsApp et Slack quels titre, texte et image afficher dans l’aperçu. Sans elles, la plateforme devine par elle-même — souvent avec une image aléatoire ou un texte erroné.
Pourquoi l’Open Graph est-il important ?
Pour une boutique en ligne, les liens partagés représentent une visibilité gratuite, et l’aperçu détermine si les internautes cliquent. Une image og:image nette et un titre og:title clair sur les pages de produits et de collections créent une carte professionnelle et incitative au clic dans les flux et les messageries. L’Open Graph n’est pas un signal de classement Google direct, mais il influence fortement le taux de clic (CTR) depuis les réseaux sociaux. Notez que X (Twitter) utilise ses propres balises Twitter Card mais se rabat sur l’Open Graph lorsqu’elles sont absentes.
Cas d’utilisation courants
- Pages produits, où
og:imagedoit afficher la photo du produit, et non le logo de la boutique. - Pages de campagne et d’atterrissage (landing pages) partagées dans des newsletters, des publicités et des publications.
- Articles de blog et guides, pour lesquels une image de partage éditoriale augmente le CTR.
- Résoudre un problème d’aperçu incorrect avec le Sharing Debugger de Facebook ou le LinkedIn Post Inspector.
- Choisir la bonne dimension : une image
og:imagede 1200×630 px évite les recadrages.
Perspective de Shopify
La plupart des thèmes Shopify intègrent automatiquement les balises Open Graph dans theme.liquid et récupèrent og:image à partir de l’image vedette du produit. Des problèmes surviennent lorsque des applications injectent des balises en double ou lorsque les pages n’ont pas d’image de partage dédiée. Vérifiez le code source généré sur des URL réelles et validez avec un outil de débogage de partage plutôt que de supposer que le thème fait les choses correctement. L’Open Graph complète votre méta description et vos données structurées, mais ne les remplace pas.