Optimiser l’aperçu de vos pages Web pour le partage via Facebook

laisser un commentaire
Mis à jour le 5 janvier 2016

Reconnaissons-le : quand un internaute partage un lien vers votre site Web sur Facebook, la miniature et la description utilisées par le réseau social ne sont pas toujours optimales.

Facebook vous permet heureusement de préciser les éléments que vous souhaitez afficher sur les murs d’actualité.

Il vous suffit en effet d’ajouter quelques lignes dans les entêtes de la page, que Facebook nomme des Open Graph Tags.

Commencez d’abord par ajouter au tout début du code source, dans la balise <html>, le lien vers le protocole : xmlns:og=”http://ogp.me/ns#”

Si votre balise n’a pas d’autres attributs, la ligne est alors :

<html xmlns:og=”http://ogp.me/ns#”>

Ajoutez ensuite entre les balises <head> et </head> tout ou partie des lignes suivantes :

<meta property=”og:title” content=”Le titre de votre page affiché dans Facebook”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:url” content=”http://www.ladressedevotresite.fr/page”/>
<meta property=”og:image” content=”http://www.ladressedevotresite.fr/lavignette.jpg”/>
<meta property=”og:description” content=”La description de votre page.”/>
<meta property=”og:site_name” content=”Le nom de votre site”/>
<meta property=”fb:admins” content=”VOTRE_ID_UTILISATEUR”/>
<meta property=”fb:app_id” content=”VOTRE_ID_APPLICATION”/>

Vous trouverez toute la description des différentes balises sur la page Facebook Open Graph protocol.

(Visited 5 022 time, 2 visit today)

Commentaires

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

banner