Si vous utilisez des données structurées (rich results ou encore rich snippets) au format data-vocabulary.org, sachez qu’en Avril Google ne les supportera plus et ça en sera fini des résultats enrichis de votre site sur les SERPs Google.
Pour l’histoire, les données structurées Data-Vocabulary.org sont la première implémentation des données enrichies par Google et existent depuis 2009 mais ont été rapidement supplantées par les microformats Schema.org, open-source, supportées par Google et d’autres. D’ailleurs, depuis 2011, Schema.org est largement favorisé, et même mis en avant par Google sur le site de Data-Vocabulary.org.
Malgré ça, Data-Vocabulary.org était toujours supporté, jusqu’à aujourd’hui.
“As of April 6, 2020, data-vocabulary.org markup will no longer be eligible for Google rich result features.”
Si vous les utilisez sur votre site et que vous utilisez la Google Search Console, vous avez dû recevoir des alertes par mails ou vous allez en recevoir prochainement.
Il est donc forcément conseillé de passer votre site aux données structurées Schema.org avant cette date si vous voulez toujours voir apparaître vos données enrichies sur les résultats de recherche Google. L’implémentation Schema.org existe sous plusieurs formats dont le Microdata et le format JSON-LD, qui est largement favorisé par Google et est désormais le standard un peu partout ! Le format Microdata est également supporté sans souci, c’est généralement le plus simple à mettre en place car il s’intègre directement au cœur de votre code HTML.
Voici deux exemples d’implémentation pour le fil d’Ariane / Breadcrumb pour les données structurées Schema.org
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://example.com/dresses">
<span itemprop="name">Dresses</span></a>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://example.com/dresses/real">
<span itemprop="name">Real Dresses</span></a>
<meta itemprop="position" content="2" />
</li>
</ol>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://example.com/dresses",
"name": "Dresses"
}
},
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://example.com/dresses/real",
"name": "Real Dresses"
}
}
]
}
</script>
Vous pouvez en savoir plus sur cette annonce en allant lire le billet de blog officiel de Google et tester vos nouvelles implémentation Schema.org sur l’Outil de test des données structurées de Google 🙂 !