Définition
Les Rich Snippets sont des extraits de résultats spéciaux contenant des informations supplémentaires qui s’affichent dans les résultats de recherche de Google. Ces informations supplémentaires sont déposées dans le code source sous forme de données structurées à l’aide de balises.
Les Rich Snippets offrent une grande utilité pour le SEO. Les Rich Snippets attirent davantage l’attention de l’utilisateur grâce à des informations supplémentaires et peuvent ainsi se démarquer des résultats des concurrents. Il en résulte que l’affichage de rich snippets augmente nettement le CTR et donc le nombre de visiteurs du site web. D’autre part, un rich snippet possède une plus grande pertinence que les résultats de recherche organiques habituels.
Les Rich Snippets peuvent être utilisés pour les types de contenu suivants :
- Auteurs
- Évaluations
- Images
- Témoignages
- Événements
- Stock
- Musique
- Organisations
- Personnes
- Prix
- Q&A (Questions & Réponses)
- Recettes
- Applications logicielles
- Entreprise
- Événements
- Vidéos
Exemple d'application
Au total, il existe trois spécifications de balisage importantes qui sont reconnues par les principaux moteurs de recherche. Il s’agit des microdonnées, des microformats et des RFDa. Les différentes spécifications de balisage sont présentées ci-dessous à l’aide du type de contenu « personne ».
Microdonnées :
<div itemscope itemtype= »http://schema.org/Person »>
Mon nom est<span itemprop= »name »>Max Mustermann</span>
mais la plupart des personnes me nomment <span itemprop= »alternateName »>Max</span>.
Voici mon site internet :
<a href= »http://www.example.com » itemprop= »url »>www.example.com</a>
Je vis à Exempledeville en France et je travaille comme <span itemprop= »jobTitle »>Mecanicien</span>
dans l’entreprise <span itemprop= »worksFor »>MOTOR-ENTREPRISE</span>.
</div>
- itemscope = indique que le code HTML contenu dans un bloc <div> est un élément spécifique
- itemtype = spécifie l’élément
- itemprop = l’élément est complété par des propriétés
Microformats :
<div class= »vcard »>
<img class= »photo » src= »www.example.com/maxmustermann.jpg » />
<strong class= »fn »>Max Mustermann</strong>
<span class= »title »>Chefd’atelier</span> bei <span class= »org »>MUSTERMANN-LADENDORF-Revues</span>
<span class= »street-address »>14 Rue Muster</span>
<span class= »locality »>Localisation</span>, <span class= »region »>Region</span>
<span class= »postal-code »>XY7</span>
</div>
- class = définit les propriétés
RDFa:
<div xmlns:v= »http://rdf.data-vocabulary.org/# » typeof= »v:Person » >
Mon nom est <span property= »v:name » >Max Mustermann</span>,
mais la plupart des personnes me nomment <span property= »v:nickname »>Max</span>.
Voici mon site internet :
<a href= »http://www.example.com » rel= »v:url »>www.example.com</a>.
Je vis à Exempledeville en France et je travaille comme<span property= »v:title »>Mechaniker</span>
dans l’entreprise <span property= »v:affiliation »>MOTOR-ENTREPRISE</span>.
</div>
- xmlns:v = indique quel vocabulaire est utilisé pour définir les éléments & propriétés
- typeof= »v :… » = définit l’élément
- property= »v:propriété » = la propriété est introduite (le terme correct doit être utilisé à la place de propriété)
- rel-Tag = indication de l’URL
