Connues aussi sous le nom de "twitter card" ou "Open Graph (Facebook)"  les balises open graph sont les informations qui apparaissent lorsque vous partagez un lien de votre site sur Linkedin, Twitter, Facebook (Meta), Messenger, bref sur les réseaux sociaux  ! Il est essentiel de les ajouter pour deux raisons :
- Améliorer votre engagement (taux de clic)
- Améliorer votre SEO (Google aime les og, meta & images)
C'est quoi un open graph ?
Un open graph est un ensemble de 3 balises : Titre, Description et Image. Ces 3 éléments sont modifiables sur chacune des pages d'un site web et sont visibles lorsque vous partagez un lien url de cette page.
Exemple sur cette image d'un lien avec balise open graph vs lien sans configuration open graph.
L'impact de l'open graph sur mon site (seo)
La balise  og ajoute une description personnalisĂ©e Ă votre page. Cette description vous permet de crĂ©er plus d'engagement lorsque les gens partagent votre url et vous permet Ă votre contenu d'avoir une meilleure chance d'ĂȘtre cliquĂ© !
C'est aussi une bonne pratique à appliquer pour optimiser le référencement seo de votre site.
Comment intégrer une balise open graph à mon site
Si vous utilisez un CMS, l'intégration de balise open graph se fait depuis l'interface de votre CMS.
Si vous utilisez comme CMS Webflow, c'est un protocole trĂšs compliquĂ©. Il vous faudra savoir coder, ajouter des plugins et un tas d'HTML. Ou pas, welcome to no code world âïž
Voici comment intégrer facilement une title tag, meta description et image open graph à vos pages sur Webflow :
- Ouvrez "Edit page settings"
- Ajoutez une - Title tag- et - Meta description - Ă vos SEO settings
- Descendez aux "Open Graph settings"
- Cochez la case "Same as SEO settings"
- Ajouter une image URL dans le champ "Open Graph Image URL"
- Sauvegardez, et publiez !
â ïž La taille optimale pour une image Open Graph est de 1200 x 630 pixels. Cette dimension permettra Ă l'image de rester responsive lors du partage sur les diffĂ©rentes plateformes (social media).
Vous prĂ©fĂ©rez les vidĂ©os ? Voici un tutoriel sur l'intĂ©gration des open graph sur Webflow en français. Â
Conclusion sur l'open graph
L'ajout d'un open graph à vos pages améliorera son aperçu lorsque vos liens seront partagés sur les réseaux. Cet aperçu vous permet d'augmenter le trafic sur votre site, ce qui, à termes, vous aidera à obtenir un meilleur classement dans les moteurs de recherche. Oui, car plus il y a d'utilisateur sur votre site... plus Google se dira que vous avez des choses intéressantes à partager !
