Un balisage sémantique pour structurer ces données
L’idée est d’imbriquer un balisage spécifique dans des éléments HTML.
Cela va permettre de donner un poids sémantique à vos données.
Une fois ce marquage posé, le moteur de recherche sera en mesure de comprendre la nature de l’information.
Prenons pour exemple le centre de loisirs La Tête Dans les Nuages où nous avons organisé notre dernier event interne.
Outre sa page Google My Business, l’entreprise peut utiliser des microdonnées pour faire ressortir des informations dans son snippet organique.
Ce balisage repose sur un trio qui est itemscope, itemtype et itemprop.
Itemscope et Itemtype permettent de définir un objet
Le but de ces deux fragments de code est d’interpeller le moteur de recherche pour lui faire comprendre qu’à cet endroit il y a des données à faire ressortir.
Itemscope va tout d’abord indiquer le bloc en question et itemtype permettra ensuite de taguer la référence à laquelle va s’appliquer l’élément.
En effet, il peut s’agir d’un film que l’on souhaite décrire, d’un auteur, d’une personne ou dans notre cas présent d’une organisation.
<div itemscope itemtype= »http://schema.org/Organization »>
<h1>La Tête Dans les Nuages </h1>
<span>Adresse : 5 Boulevard des Italiens, 75002 Paris</span>
<span>Téléphone : 01 40 13 08 08</span>
</div>
Itemprop marque sémantiquement le contenu de l’objet
Ce dernier fragment de code fonctionne de la même manière qu’un attribut HTML.
Il se place dans un élément pour lui appliquer une propriété.
C’est de cette façon que le marquage sémantique opère.
<div itemscope itemtype= »http://schema.org/Organization »>
<h1 itemprop =”name” >La Tête Dans les Nuages </h1>
<div itemprop= »address » itemscope itemtype= »http://schema.org/PostalAddress »>
<span itemprop= »streetAddress »>5 Boulevard des Italiens</span><span itemprop= »postalCode »>75002 </span>
<span itemprop= »addressLocality »>Paris, France</span>,
</div>
<span itemprop= »telephone »>( 33 1) 40 13 08 08 </span>,
E-mail: <span itemprop= »email »>secretariat(at)latetedanslesnuages.com</span>
</div>