Les Microdatas et le Référencement

La nouvelle méthode pour contextualiser les informations de son site. Les microdatas, ou microformats seront un atout pour votre boutique ou votre blog lors du passage des robot indexeurs. Dans cet article, nous vous expliquerons l’intérêt des microdatas, vous apprendrez les trois méthodes de contextualisation et comment réaliser une V-card.

1 – Définition

Les micro-datas sont un autre moyen permettant de structurer, définir et contextualiser du contenu web. Vous pouvez  donner une porté technique à l’aide d’un balisage et des libellés précis a tous les éléments de votre site web.

Actuellement vous utilisez déjà probablement des métas données tels que :

  • les titres de pages
  • les méta descriptions
  • les méta mots clefs
  • l’attribut d’images « alt » et de lien « title » (cf : le référencement naturel)

Les microdatas sont en fait un set d’attributs apporté avec le html 5 qui vous permettent de faire ce travail encore plus précisément. Autrement dit, des métas données que l’on insère dans le code source de son site afin d’apporter plus d’informations sur un produit par exemple. Elles permettent à l’utilisateur de retrouver plus rapidement le contenu qu’il recherche en lui proposant un aperçu rapide du produit proposé et de ses propriétés.

résultat de l'utilisation des micro data dans une fiche de recette

Ce site nous propose une photo, une note, le temps de préparation et une rapide description de la recette. Cela est rendu possible grâce aux micro données. C’est bien plus clair qu’un résultat classique non ? Les données sont organisées et thématisées. Les informations nécessaire pour l’utilisateur ressortent en premier, ce qui augmente la probabilité du clic.

2 – Visibilité et Page rank

Mais oui au final, tout ce travail pourquoi ? Et bien les moteurs de recherche ont une compréhension limité du sujet que vous traitez dans vos pages. Pensez par exemple aux problèmes que posent les homonymes. Ou les sites qui contiennent peut de texte… Ces données cachés permettent de lui dire « OK Google ! Ici nous parlons d’information spécifiques à ce film ou cet endroit, ou cette personne… » ainsi vous aidez à mieux comprendre le sujet et faire remonter les informations les plus pertinentes sur celui ci.

Bientôt [Update : juillet 2015] Ca y est c’est possible ![/Update] nous pourront directement faire nos recherches en tapant la liste des ingrédients ou le temps de cuisson pour une recette.

Les caractéristiques techniques pour un appareil high-tech, ou le nombre de chambres disponibles pour la location d’un chalet près de ses pistes préférées. Les informations sont bien plus faciles d’accès, vous pouvez donc aisément imaginer l’impact que cela peut avoir l’accessibilité de vos fiches produits depuis une recherche sur le web.

Du côté du référencement, Google, Bing (et Yahoo plus récemment) deviennent particulièrement friands de ce type de contextualisation. Votre référencement ne sera qu’amélioré si vous les utilisez. Grâce aux microdatas vous pouvez rajouter des informations sur chaque élément contenu dans votre site web, et ainsi mâcher le travail des robots.

Google reconnaît les balises pour les aperçus, les cartes de visites, les fiches produits, les entreprises, les recettes, les lieux, les évènements et même les vidéos ! Vous trouverez les mots clefs à employer et bien plus d’informations sur cette page (en anglais) et aussi sur ce wiki.

Du code !

Et oui, il en faut bien.  Je vais vous présenter les trois manières de déclarer ces informations aux moteurs de recherche.

Ce que vous aviez avant :

Mon nom est Alan, mais les gens m’appellent Hoolay. Voici mon site web: http://ad-creatif.com. Je vis à 20 chemin du moulin 34000 Montpellier, France.

 Je travaille pour Ad-creatif en tant que chef de projet. Mes amis : Kévin, Emmanuelle

Ajout des Microdatas en html5 :

Vous remarquez les sections qui définissent le type d’infos, et les attributs itemprop qui typent les données. Attention toutefois à la validation W3C qui n’est pas encore accordée sur le W3C. Pour connaître les valeurs utilisées vous pouvez vous rendre sur schemas.org (lien en pied d’article)

<div itemscope itemtype="http://schema.org/Person">
	<span>Mon nom est <span itemprop="name">Alan</span>, mais les gens m'appellent <span itemprop="alternateName">Hoolay</span>. 	
	Voici mon site web: <a href="http://ad-creatif.com" itemprop="url">http://ad-creatif.com</a>.	 





<div itemprop="address" itemscope itemtype="http://schema.org/Adress">
		Je vis à <span itemprop="streetAddress">20 chemin du moulin</span> 
		<span itemprop="postalCode">34000</span> 
		<span itemprop="addressLocality">Montpellier</span>, 
		<span>France</span>.
</div>










<div itemscope itemtype="http://schema.org/Organization">
		<img class="photo" itemprop="logo" src="http://ad-creatif.com/wp-content/uploads/2015/04/logo2.jpg" alt="logo ad-creatif" />
		Je travaille pour <span itemprop="name">Ad-creatif</span>
</div>





	en tant que <span itemprop="jobTitle">chef de projet</span>
			
	Mes amis : 	 
	<a href="http://www.viadeo.com/fr/profile/kevin.moreau" itemprop="friend">Kévin</a>, 	 
	<a href="http://www.viadeo.com/fr/profile/lagrange.emmanuelle" itemprop="friend">Emmanuelle</a>	 	
</div>

Important :

les micros datas sont en constante évolution, afin de coller au mieux à leur utilisation. Restez informés sur ce domaine pour que votre référencement soit toujours au mieux.

 

Pour en savoir plus  :

Categories: SEO / Référencement

Laisser un commentaire

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

« »
<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10574909-4', 'auto'); ga('send', 'pageview'); </script>