Comme certaines personnes le savent, depuis l’arrivée du HTML 5, les microdatas ou microdonnées envahissent le web. Ce sont des balises en HTML5 qui permettent d’apporter des résultats plus précis dans les SERPS Google et qui aident considérablement au référencement.
Voici un exemple sur la requête : gâteau au chocolat
Vous remarquerez que l’on retrouve un fil d’ariane (appelé aussi breadcrumb), une note moyenne, le nombre d’avis et même le temps de cuisson.
Il est vrai que Google privilégie les sites développés en HTML 5 qui utilisent ce système de microdonnées. Mais à quoi ça ressemble exactement ?
Exemples de microdatas
Pour une société :
<div itemscope itemtype=’http://schema.org/Corporation’>
<h1 itemprop= »name »>JM Créa</h1><h2>À propos</h2>
<p itemprop= »description »>JM Créa est une agence de communication, créée en <time itemprop= »foundingDate » datetime= »2011-12-01″>2011</time> par <span itemprop= »founders »>Mattone Jérôme</span> et localisée à Antibes.</p><h3>Contact</h3>
<p itemprop= »contactPoints »>
<span itemprop= »address » itemscope itemtype= »http://schema.org/PostalAddress« >
<span itemprop= »streetAddress »>521 chemin du Puy</span><br>
<span itemprop= »postalCode »>06600</span><br>
<span itemprop= »addressLocality »>Antibes</span><br>
<span itemprop= »addressCountry » content= »FR » />France</span><br>
<span itemprop= »telephone »>0661865807</span>
</p>
<p><a href= »https://www.jm-crea.com.fr/ » itemprop= »url »>Site Web</a></p>
Pour une présentation personnelle :
<div itemscope itemtype= »http://data-vocabulary.org/Person »>
<p>Je m’appelle <span itemprop= »name »>Pierre Dumoulin</span>
mais on m’appelle <span itemprop= »nickname »>Pierrot</span>.</p>
<p>Voici ma page d’accueil :</p>
<p><a href= »http://www.example.com » itemprop= »url »>www.example.com</a></p>
<p>J’habite à Strasbourg, en Alsace, et je suis <span itemprop= »title »>ingénieur</span></p>
<p>chez la <span itemprop= »affiliation »>société ABC</span>.</p>
</div>
Pour noter un produit (avis simple) :
<div itemscope itemtype= »http://data-vocabulary.org/Review »>
<p><div itemprop= »itemreviewed »>Restaurant du port</div></p>
<p>Avis rédigé par <div itemprop= »reviewer »>Marie B</div> le 6 janvier.</p>
<p>Fruits de mers délicieux et frais !</p>
<p>Le restaurant du port est un resto idéal si vous aimez les fruits de mer.</p>
<p>Note : <div itemprop= »rating »>4,5</div></p>
</div>
Pour noter un produit (avis global) :
<div itemprop= »itemreviewed »>Restaurant du port</div>
<div itemprop= »rating » itemscope itemtype= »http://data-vocabulary.org/Rating »>
<div itemprop= »average »>9</div> sur <div itemprop= »best »>10</div>
</div>
note basée sur <div itemprop= »votes »</div> évaluations.
<div itemprop= »count »>5</div> avis.
Pour présenter un produit :
<span itemprop= »brand »>Tartampion</span>
<span itemprop= »name »>Tournevis haut de gamme</span>
<img itemprop= »image » src= »tournevis_haut_gamme.jpg » />
<p>Plus fin que sa version classique, le tournevis haut de gamme de la société ABC est idéal tant pour le bricoleur en herbe que pour le professionnel de l’outillage.</p>
<p>Catégorie : <span itemprop= »category » content= »Matériel > Outils > Tournevis »>Tournevis</span></p>
<p>Réf. produit : 925872</p>
<p><span itemprop= »rating »>4</span> étoiles, note basée sur <span itemprop= »count »>35 </span> avis</p>
<p><span itemprop= »offerDetails » itemscope itemtype= »http://data-vocabulary.org/Offer »></p>
<p>Prix normal : 14 €</p>
<meta itemprop= »currency » content= »EUR » />
<p><span itemprop= »price »>9</span> €</p>
<p>(jusqu’au 5 novembre !)</p>
<p>Disponible chez : <span itemprop= »seller »>Le coin des bricoleurs</span></p>
<p>État : Occasion, excellent état</p>
</span>
Ça parait compliqué, mais il faut juste connaitre les syntaxes. Si vous avez des questions concernant cet article, n’hésitez pas à poster vos messages 😉
