Aussitot

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

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.

Mis à jour le 8 mars 2011

Suivez l'actualité ! Rejoignez Aussitot sur Facebook page Facebook
Commentaire

Poster un commentaire

Des questions ? Rendez-vous dans le forum Facebook



Suivez-nous sur les réseaux sociaux

Facebook
Google+

Sur le Twitter d'Aussitot

Facebook 21/05 #Facebook fait une entrée tapageuse mais décevante en Bourse http://t.co/A6CwpTnJ
Facebook 17/05 #Facebook : ce que va changer l'entrée en Bourse http://t.co/Jo3iNVOf
Facebook 15/05 #Facebook : Vos données, ce sont aussi un peu les siennes http://t.co/0wo4Udql

Suivez Aussitot sur Facebook
Aussitot, le guide de la communication nouvelle génération -
© 1999-2012 Aussitot, tous droits réservés - A propos d'Aussitot.fr - Nos partenaires
Réseau Linéales : Arobase.org - Incredissimo