Les microformats et schema.org
Il y a quelques mois Google ne cessait de vanter les mérites
des microformats ex expliquant dans le centre d’aide comment les intégrer.
Actuellement Google a changé sa politique et recommande
plutôt de s’intéresser au schema.org compatible avec Google, Microsoft et
Yahoo. Google n’hésite d’ailleurs pas à mettre en avant la compatibilité avec
les moteurs de recherches concurrents ; bien que google n’a plus grand-chose
à craindre de la concurrence alors il joue sur la transparence.
Les microformats
Les microformats sont des éléments utilisés pour compléter
des informations. Dans notre cas les microformats vont compléter les SERPS. Les
« microformats » ou plus vulgairement « entités » permettent
de décrire et compléter :
-
Un avis
-
Un événement
-
Une entreprise
-
Une personne
-
Un produit
Le contenu formalisé microformat pour les personnes a été
baptisé sous le nom de Hcard avec un code html en vcard. Une Hcard se présente
de la façon suivante :
“<div
class="vcard">
<img class="photo"
src="www.example.com/ludovic.lenglet.jpg" />
<strong class="fn">Ludovic
Lenglet</strong>
<span class="title">Référenceur
/ Traffic Manager</span> chez <span class="org">Marketing-Référencement</span>
<span class="adr">
<span
class="street-address">92 boulevard Carnot</span>
<span class="locality">Lille</span>,
<span class="region">Nord</span>
<span
class="postal-code">59777</span>
</span>
</div> »
L’expression « vcard » présente dans la première
ligne du code html stipule qu’il s’agit d’une personne. Vous remarquerez que
les réseaux sociaux professionnels comme viadeo ou linkedin utilisent le format
hcard pour donner des informations complémentaires dans les Serps. Vous êtes
obligé de nommer votre div par « vcard » afin qu’elle soit reconnue
comme telle.
Les balises suivantes « class », « span »
et « fn » servent à donner les informations complémentaires qui
seront affichées lors de recherches.
Shcema.org
Le schama.org offre une meilleure reconnaissance et
compatibilité pour les moteurs de recherches.
Voici le code en microdata :
“<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Ludovic
Lenglet</span>
<img src="Ludovic lenglet.jpg"
itemprop="image" />
<span
itemprop="jobTitle">Référenceur / Traffic Manager</span>
<div itemprop="address"
itemscope itemtype="http://schema.org/PostalAddress">
<span
itemprop="streetAddress">
92 Boulevard Carnot
</span>
<span
itemprop="addressLocality">Lille</span>,
<span
itemprop="addressRegion">Nord</span>
<span itemprop="postalCode">59492</span>
</div>
<span
itemprop="telephone">06 00 00 00 00</span>
<a href="mailto:lenglet.ludovic@gmail.com"
itemprop="email">
lenglet.ludovic@gmail.com </a>
</div>”
Vous pouvez également retrouver le site official schema.org
à l’adresse suivante : http://www.schema.org/
)
