SEORich snippet Google
Rich snippet Google (Extraits enrichis)
Le snippet Google désigne la façon dont Google présente une page dans les résultats de recherche. Le snippet comprend souvent un titre, une description et parfois des informations supplémentaires (images, votes, prix ...).
Google à mis en place des règles appelées "rich snippets" pour comprendre le contenu des pages. Un rich snippet désigne un système de balisage qui est invisible pour l'utilisateur mais lu par Google.
Outil d'aide au balisage de données structurées :
- Outil Google d'aide au balisage de données structurées
- Personnaliser les snippets
- Générer l'aperçu du snippet Google
Technique microdonnées
La spécification HTML5 concernant les microdonnées est un moyen d'associer des libellés à des contenus de manière à décrire un type d'information spécifique (avis, personnes ou événements, par exemple). Chaque type d'information concerne un élément spécifique, comme une personne, un événement ou un avis.
<div itemscope itemtype="http://data-vocabulary.org/Person">
Je m'appelle <span itemprop="name">Pierre Dumoulin</span>
mais on m'appelle <span itemprop="nickname">Pierrot</span>.
Voici ma page d'accueil :
<a href="http://www.example.com" itemprop="url">www.example.com</a>
J'habite à Strasbourg, en Alsace, et je suis <span itemprop="title">ingénieur</span>
chez la <span itemprop="affiliation">société ABC</span>.
</div>
Je m'appelle <span itemprop="name">Pierre Dumoulin</span>
mais on m'appelle <span itemprop="nickname">Pierrot</span>.
Voici ma page d'accueil :
<a href="http://www.example.com" itemprop="url">www.example.com</a>
J'habite à Strasbourg, en Alsace, et je suis <span itemprop="title">ingénieur</span>
chez la <span itemprop="affiliation">société ABC</span>.
</div>
Technique JSON-LD
Les données (on parle de données structurés) sont définies à l'aide d'un objet JavaScript (JSON Linked Data) dans votre page HTML.
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "Slim Whitman Tribute",
"startDate" : "2013-07-06",
"location" : {
"@type" : "Place",
"name" : "Hollywood Bowl"
}
}
</script>
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "Slim Whitman Tribute",
"startDate" : "2013-07-06",
"location" : {
"@type" : "Place",
"name" : "Hollywood Bowl"
}
}
</script>
