Idea To Blog : Générateur d'idées pour votre blog

Content Writing

Comment améliorer sa présence sur les réseaux sociaux avec l'open graph protocol

Ecrit le 2018-01-30

Fatigué d'avoir des vignettes automatiques inadaptées pour présenter vos services sur les réseaux sociaux ?

Utilisé par Facebook, Google+, Linkedin, Skype, Twitter, Telegram, WhatsApp, L'Open Graph Protocol (OGP) vous permet de préciser les données que vous leur transmettez.

L'OGP est facile à mettre en place. Il suffit de quelques balises dans le header de votre page pour mieux vous présenter.

La structure de la balise est sensiblement identique aux balises Meta.

Ces balises se placent entre les balises <head>et </head> de votre site.

Voici quelques exemples tirés de notre site : 

<meta property="og:description" content="Obtenez des centaines de nouveaux keywords ou de suggestions de contenu pour votre blog" />
<meta property="og:image" content="https://ideatoblog.com/images/og-ideatoblog300x300.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Générateur d'idées et de mots clés" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.ideatoblog.com" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:site_name" content="Ideatoblog" />

 

Choisir ses vignettes pour se présenter sur les réseaux sociaux.

Grâce à l'Open Graph Protocol, vous choisissez une ou plusieurs images et précisez leur dimensions.

Vous pouvez proposer plusieurs vignettes de tailles différentes. Il est vivement conseillé de proposer au moins une image de 300px par 300px largement répandue auprès des réseaux sociaux.

Voici un exemple complet de balises pour les vignettes.

<meta property="og:image" content="https://ideatoblog.com/images/og-ideatoblog300x300.jpg" />
<meta property="og:image:secure_url" content="https://ideatoblog.com/images/og-ideatoblog300x300.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="Générateur de contenu et d'idée de blog" />

 

Choisir le titre de son site ainsi que sa description sur les réseaux sociaux.

Les balises meta peuvent comporter une description trop longue pour les réseaux sociaux. Cela engendre un texte suivi de points de suspensions. Avec l'Open Graph Protocol, vous pouvez choisir un texte adapté et spécialisé pour de courtes présentations.

La longueur du titre ne doit pas dépasser les 50 caractères. et la description ne dépassera pas les 80 caractères.

Beaucoup d'autres informations précieuses sont transmises avec l'Open Graph Protocol.

Avec cette méthode, vous pouvez également transmettre :

  • le type de page ( vidéo, audio, website)
  • la langue et les alternatives
  • une vidéo
  • une musique
  • l'auteur de l'article, ainsi que les dates relatives à cette article.
  • un livre et son isbn
  • ...

Wordpress et l'open Graph protocol

Vous possédez un site réalisé sous wordpress et vous ne connaissez absolument rien au HTML ?

Inutile de vous inquiéter ! Un plugin a été créé pour vous faciliter le travail.

https://wordpress.org/plugins/wp-facebook-open-graph-protocol/

 

Sources :

Vous souhaitez en savoir davantage : http://ogp.me/#types

Pour tester et visualiser les vignettes présentant votre site sur les réseaux sociaux : https://richpreview.com/