Ouvrir le graphique

Lorsqu'il s'agit de positionner le contenu, les réseaux sociaux peuvent devenir de grands alliés. Mais pour ce faire, l'utilisateur doit cliquer sur eux, ce qui peut ne pas se produire si vous ne leur montrez pas une image, un titre, etc. qui attire leur attention.

Et c'est un sujet sur lequel les balises Open Graph ont beaucoup à dire. C'est pourquoi nous allons expliquer ici en quoi consistent ces balises et comment elles peuvent vous aider à améliorer votre classement.

Graphique ouvert

 

Qu'est-ce que Open Graph ?

Parfois, lorsque vous publiez un billet de blog sur un réseau social, l'information qui apparaît n'est pas la plus appropriée - ni le titre, ni l'image ou la description ne correspondent. La raison en est que le réseau social ne connaît pas le titre ou l'image principale de ce billet, ni n'en comprend le sujet.

Eh bien, le protocole Open Graph est précisément la solution à ce problème. Il s'agit de balises ajoutées au code HTML de la page. L'utilisateur ne peut pas les voir, mais cela aide le réseau social à connaître les principaux éléments de l'article. En d'autres termes, elles indiquent la structure de l'article.

Vous pouvez ajouter des balises Open Graph pour décider des éléments à afficher dans les réseaux sociaux tels que Facebook, Twitter et Linkedin. Il fonctionne également sur des applications telles que WhatsApp, Slack et Telegram.

Ils sont également connus sous le nom de " social tags" et sont d'une importance cruciale pour le positionnement du contenu dans les réseaux sociaux. Voyons pourquoi.

 

Pourquoi Open Graph est-il bon pour le référencement ?

Oui, les balises Open Graph améliorent le positionnement SEO, et ce pour des raisons simples. Principalement parce qu'elles permettent d'attirer plus facilement l'attention de l'utilisateur, en créant de riches cartes sociales.

En montrant l'image, le titre et la description les plus accrocheurs, vous améliorez les chances de l'utilisateur du réseau social de remarquer la publication. En d'autres termes, ils ont plus de chances de cliquer et le résultat est un meilleur trafic vers le site de réseau social.

De plus, ces balises sociales servent à optimiser le contenu qui est partagé dans les réseaux sociaux.

Pourquoi ? Pour la même raison : parce que nous parvenons à contrôler la façon dont nos fragments d'URL sont présentés dans les réseaux sociaux. De cette façon, nous générons des cartes Facebook, des cartes Twitter et d'autres aperçus de contenu sur les réseaux sociaux.

 

Comment mettre en œuvre le protocole Open Graph

Facebook est le développeur du protocole Open Graph, et Twitter a sa propre version de cette balise. Comme nous l'avons indiqué, ces balises peuvent également être utilisées dans LinkedIn, WhatsApp, Slack et Telegram.

Cela étant dit, comment ces étiquettes sont-elles mises en œuvre ? On les ajoute au code HTML dans la section "head".

Cela peut être fait manuellement, mais vous trouverez généralement des plugins pour ajouter Open Graph lorsque vous gérez la page par le biais d'un CMS. Sinon, un développeur peut créer une fonctionnalité à cet effet.

Parlons maintenant de la partie technique de ce sujet. Il y a quatre propriétés d'Open Graph qui sont toujours requises :

  •   og:url
  •   og:titre
  •   og:description
  •   og:image

En indiquant les données relatives à l'URL, au titre, à la description et à l'image, Facebook sait quelles informations afficher lorsque le contenu est partagé.

Exemple de graphique ouvert

Cela dit, il y a deux autres propriétés que nous recommandons de mettre en œuvre afin de fournir plus d'informations sur le contexte du contenu :

  •   og:type (type de contenu, tel que produit, profil, etc.).
  •   og:locale (région cible de la page).

 

Graphique ouvert Meilleures pratiques

Lorsque vous travaillez avec Open Graph, il est pratique de suivre les conseils suivants :

  •   Vous devez au moins définir les propriétés requises d'Open Graph, mais idéalement, vous devez également mettre en œuvre celles qui sont recommandées.
  •   Le og:title ne doit pas dépasser 55-60 caractères.
  •   L'og:description ne doit pas dépasser 60 à 65 caractères.
  •   En ce qui concerne l'og:image, vous devez utiliser des images de haute qualité, avec des dimensions minimales de 1200 x 630 pixels. La taille du fichier ne doit pas dépasser 8 Mo.
  •   Une fois que le balisage est prêt, vous devez le tester à l'aide du débogueur Open Graph pour obtenir un aperçu du fragment et vous assurer que tous les éléments sont complets. Il faut l'ajuster et le réajuster jusqu'à ce qu'il ait l'air bon. Le fragment sera également mis en cache, de sorte qu'il s'affichera correctement la première fois que vous le partagerez.
  •   Si vous voulez que Facebook affiche un nouveau fragment après avoir fait une erreur et l'avoir corrigé, allez dans le débogueur Facebook Open Graph et cliquez sur "Fetch new scrape information". Cette pratique permettra de mettre à jour le cache. Cependant, l'image n'est pas automatiquement mise à jour, mais vous devez définir une nouvelle URL og:image et cliquer sur "Fetch newscrape information".
  •   Utilisez og : image : largeur et og : image : hauteur pour permettre le chargement de la bonne image juste après son premier partage.
Arrow-up