Martine et Olivier ALLAIS Chambres d'hôtes Corbières

Chambres et table d'hôtes dans les Hautes Corbières - Aude

 Accueil Chambres Hotes

Enrichir une page web avec les balises facebook opengraph

facebook opengraph

Réseaux sociaux et référencement

Les référenceurs s'accordent à dire que l'aspect réseaux sociaux prend une part de plus en plus importante dans le référencement web. Celà vous oblige-t-il à faire joujou sur facebook tous les matins pour prendre en compte cet aspect ? A priori, non mais voici un moyen de "mettre le pied à l'étrier" à partir de votre page web.

Le protocole facebook opengraph

Plutôt que de répéter ce qu'on peut trouver facilement sur le web, je vous suggère de consulter d'abord la documentation facebook opengraph. On voit bien que nos pages web ( je parle ici de B&B ou chambres d'hôtes ) contiennent déjà les infos que l'on veut publier. Tout ce qu'il manque c'est quelques balises pour mettre ces infos à la sauce facebook.

Mode d'emploi

Première étape : enrichir la balise <html> :

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">

Puis dans la section <head> mettre au moins les 4 propriétés indispensables ( og:image,og:title,og:type,og:url ) : 

<meta property="og:image" content="http://www.jourdets.com/images/slides/v4b.jpg"/>
	<meta property="og:title" content="Les Jourdets - chambres d'hôtes"/>
	<meta property="og:type" content="hotel"/>
	<meta property="og:url" content="http://www.jourdets.com/"/>

On peut en ajouter ( çà ne mange pas de pain ) et voilà ce que moi pour la page d'accueil de ce site j'ai mis : 

<meta property="og:site_name" content="Les Jourdets"/>
	<meta property="og:description" content="Chambres d'hôtes 'Les Jourdets' dans les Hautes Corbières"/>
	<meta property="og:latitude" content="43.011" />
	<meta property="og:longitude" content="2.484" />
	<meta property="og:street-address" content="les jourdets" />
	<meta property="og:locality" content="Lairière" />
	<meta property="og:postal-code" content="11330" />
	<meta property="og:country-name" content="France" />
	<meta property="og:email" content="oallais@free.fr" />
	<meta property="og:phone_number" content="33+468700476" />

Enfin il vous faut mettre la propriété fb:admins et la renseigner avec votre ID facebook 

<meta property="fb:admins" content="xxxxxxxxxx" />

Les 10 chiffres de votre ID vous les avez en "survolant" la photo de votre profil facebook.

Tester votre page

Votre page modifiée et uploadée, il vous faut maintenant aller sur l'url linter de facebook pour la tester. Si tout s'est bien passé vous avez maintenant une page de fan sur facebook ...

Ajouter le boutton "j'aime"

Le code pour le boutton "j'aime" à insérer éventuellement sur votre page peut étre généré depuis la page facebook dédiée.


Article écrit le 5 juillet 2011 par ( contact sur la page )


Retour aux codes