Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Pourquoi ajouter un open graph sur site web ?

Florian Bodelot
Florian Bodelot
March 3, 2022
C'est quoi un open graph ? Avec preview dans Webflow

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.

Lien avec open graph vs lien sans 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 :

  1. Ouvrez "Edit page settings"
  2. Ajoutez une - Title tag- et - Meta description - Ă  vos SEO settings
  3. Descendez aux "Open Graph settings"
  4. Cochez la case "Same as SEO settings"
  5. Ajouter une image URL dans le champ "Open Graph Image URL"
  6. 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 !

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'Ă©quipe fantastique de Digidop est prĂȘte pour vous aider Ă  construire un site web qui rĂ©pond Ă  vos besoins 🚀

Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions