Facebook, Open Graph protocol, Partage, Réseau social – Les bonnes pratiques pour le partage social sur Facebook



Un site pour qu’il soit vu doit être impérativement partagé sur Facebook, on doit donc se plier à certaines conditions pour passer au mieux sous les fourches caudines de Facebook car la marge de manœuvre avec Facebook est étroite. Il serait ballot de se priver des 750 millions d’utilisateurs actifs de Facebook si vous souhaitez que les internautes visitant votre site puissent le partager comme bon leur semble et que l’affichage sur leur « wall » se fasse dans les meilleures conditions de présentation pour votre site, en gros sous votre meilleur profil en quelque sorte.

Les bonnes pratiques sur le partage Facebook s’appuie sur le protocole Open Graph. ce protocole permet de transformer toute page du web en objet riche intégré dans le graph social. Au sein de l’eco-système Facebook, il permet à n’importe quelle page web d’avoir les mêmes fonctionnalités qu’une Page Officielle sur Facebook.com, sympa ? Non.

Voilà à quoi doit ressembler vos metas


Dans le cas présent, le vice a même était poussé jusqu’à ajouter un player video afin que la vidéo se joue sur le « wall » lors du partage Facebook. Le système est intégralement géré sous WordPress à s’appuyant au maximum sur les capacités du CMS à disséminer les bonnes informations dans les la bonnes balises.

Extrait du « header » du site www.treetslook.com

	<!-- FACEBOOK SHARE METAS -->
	       <meta property="og:site_name" content="http://www.treetslook.com"/>
	       <meta property="og:title" content="Street style 059 Toni" />
	       <meta property="og:url" content="http://www.treetslook.com/style/looks/street-style-059-toni/"/>
	       <meta property="og:description" content="Watch this look" />
	       <meta property="og:image" content="http://www.treetslook.com/wp-content/uploads/2011/07/TL_Toni1.png" />
	       <meta property="og:video" content="http://www.treetslook.com/wp-content/plugins/he3treetslook/swf/components/facebook-player.swf?v=3460" />
	       <meta property="og:video:width" content="398" />
	       <meta property="og:video:height" content="243" />
	       <meta property="og:video:type" content="application/x-shockwave-flash" />
	<!-- FACEBOOK SHARE METAS (END)-->

Connaitre son USER ID sur Facebook. L’exemple de 3wdoc.com

 
	{
	   "id": "166802396694841",
	   "name": "3wdoc",
	   "picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/174597_166802396694841_6643612_s.jpg",
	   "link": "http://www.facebook.com/3wdoc",
	   "likes": 358,
	   "category": "Website",
	   "is_published": true,
	   "website": "http://3wdoc.com/fr/nhttp://3wdoc.com/en/nhttp://3wdoc.com/es/",
	   "username": "3wdoc",
	   "company_overview": "3WDOC is a webapplication specificaly designed by HECUBE to create and deliver interactive rich media content optimized in HTML5 to run across the web.",
	   "mission": "enable easy digital storytelling",
	   "products": "3WDOC Studio",
	   "about": "Easy web way to create digital &amp; interactive stories",
	   "location": {
	      "street": "23, villa Riberolle",
	      "city": "Paris",
	      "country": "France",
	      "zip": "75020",
	      "latitude": 48.85823,
	      "longitude": 2.39654
	   },
	   "phone": "33 (0)1 43 71 80 03",
	   "checkins": 4,
	   "talking_about_count": 18
	}

Source: http://graph.facebook.com/3wdoc

En savoir plus