Données structurées : Schema.org, exemple et guide

Les données structurées sont un vocabulaire sémantique de balises HTML. On les nomme parfois également microdonnées dans la mesure où elles apportent une plus-value de lecture par les moteurs de recherche de vos contenus de page. Attention, leur usage est typiquement utile au référencement dans le sens où elles produisent le plus souvent un excédent de visibilité dans la SERP (pour rappel acronyme signifiant Search Engine Result Page) et améliorent grandement le CTR (taux de clics sur un résultat). Nous avons déjà évoqué par le passé leur usage pour les CMS comme WordPress, mais les données structurées sont souvent repérées de nos jours avec une parties d’entre elles que sont les rich snippets. Les extraits enrichis ont en effet fleuri ces dernières années dans les résultats de recherche de Google ou Bing, voire Yahoo et Yandex.

Exemples d’affichages des données structurées sur les moteurs de recherche

A partir d’une même requête, sur Bing et Google, les évaluations apparaissent. Notez les petites différences d’affichage y compris dans la réinterprétation des titles pour Bing notamment qui “n’aime pas mentionner Google” :

donnees structurees richn snippet bing

Et sur Google avec cette fois-ci un featured snippet typique de position zéro en plus :

exemple rich snippet données structurées google

Pas question ici de faire l’amalgame, si Google reprend bien le contenu de la position zéro, c’est pour d’autres raisons. Ce qui est important et sur quoi nous allons nous permettre d’insister ici, c’est qu’avant même de “penser données structurées”, il faut commencer par bien structurer les contenus :). C’est d’ailleurs plus ou moins une règle d’or sur Google, quelle que soit l’optimisation que vous souhaitez implémenter. Commencez par faire les choses correctement avant d’utiliser les petites astuces complémentaires qui font la différence !

Sur Qwant, pas d’usage des rich snippets jusqu’à présent. Vous pouvez faire le test, les éléments n’apparaissent pas y compris pour les exemples si “intrusifs” des recettes de cuisines que l’on évoque juste après.

L’exemple illustre des extraits enrichis pour les recettes de cuisines :

[pastacode lang=”markup” manual=”%3Cscript%20type%3D%22application%2Fld%2Bjson%22%3E%0A%7B%0A%20%20%22%40context%22%3A%20%22http%3A%2F%2Fschema.org%2F%22%2C%20%0A%20%20%22%40type%22%3A%20%22Recipe%22%2C%20%0A%20%20%22name%22%3A%20%22%22%2C%0A%20%20%22image%22%3A%20%22%22%2C%0A%20%20%22description%22%3A%20%22%22%2C%0A%20%20%22keywords%22%3A%20%22%22%2C%0A%20%20%22author%22%3A%20%7B%0A%20%20%20%20%22%40type%22%3A%20%22Person%22%2C%0A%20%20%20%20%22name%22%3A%20%22%22%0A%20%20%7D%2C%0A%20%20%22prepTime%22%3A%20%22%22%2C%0A%20%20%22cookTime%22%3A%20%22%22%2C%20%0A%20%20%22totalTime%22%3A%20%22%22%2C%20%0A%20%20%22nutrition%22%3A%20%7B%0A%20%20%20%20%22%40type%22%3A%20%22NutritionInformation%22%2C%0A%20%20%20%20%22calories%22%3A%20%22%22%0A%20%20%7D%2C%0A%20%20%22recipeIngredient%22%3A%20%22%22%20%20%0A%7D%0A%3C%2Fscript%3E” message=”En JSON, il suffit de compléter les champs entre “”” highlight=”” provider=”manual”/]

Il est également envisageable de l’écrire en microdata comme dans notre exemple évoqué lors de notre article sur les Rich Snippets.

Générer du code de données structurées propre via schema.org, le guide

Il existe plusieurs outils pour l’usage des données structurées que nous vous proposons ici et qui vous permettront de gagner du temps :

Le markup de Google est plutôt pas mal. Reconnaissons que ce n’est pas toujours facile de dire du bien des tools proposés par Google :), mais si vous allez sur celui-ci, vous aurez le plaisir de pouvoir bien exploiter la chose. Et on vous y invite à les exploiter largement car on les retrouve partout dans la SERP quand on se donne la peine d’y prêter attention. Je ne conçois pas en faire un minimum par exemple sur un site E-commerce, mais on peut l’imaginer outre sur les produits sur :

  • les événements,
  • Les personnes,
  • Les organisations,
  • Les lieux,
  • etc.

En associant des propriétés aux différentes notions, les moteurs de recherche sont en mesure d’exploiter à l’envi ces expressions dans leurs résultats. L’idée est d’expliquer par exemple que telle personne dont le job est graphiste, travaille dans la société Untelle qui est présente sur telle ville dans telle région de France, du monde, etc.
L’impact des données structurées sur les classements de résultats dans les moteurs de recherche et surtout Google fait beaucoup gloser. On sait que l’affichage des rich snippets peut augmenter considérablement le CTR (Taux de clic) et que les recettes avec image peuvent encore aujourd’hui fonctionner pour des articles de blog (nous sommes fin 2018 quand même…) Par contre, pas de boost en termes de positionnement rencontré à ce jour.

D’un point de vue technique, le schéma.org peut être utilisé avec RDFa et JSON-LD. Et là, on touche dans ce dernier cas à quelque chose de très utile à placer dans l’en-tête de vos documents ;

[pastacode lang=”markup” manual=”%3Cscript%20type%3D’application%2Fld%2Bjson’%3E%7B%22%40context%22%3A%22https%3A%5C%2F%5C%2Fschema.org%22%2C%22%40type%22%3A%22WebSite%22%2C%22%40id%22%3A%22%23website%22%2C%22url%22%3A%22https%3A%5C%2F%5C%2Ffacemweb.com%5C%2F%22%2C%22name%22%3A%22Facem%20Web%22%2C%22potentialAction%22%3A%7B%22%40type%22%3A%22SearchAction%22%2C%22target%22%3A%22https%3A%5C%2F%5C%2Ffacemweb.com%5C%2F%3Fs%3D%7Bsearch_term_string%7D%22%2C%22query-input%22%3A%22required%20name%3Dsearch_term_string%22%7D%7D%3C%2Fscript%3E%0A%3Cscript%20type%3D’application%2Fld%2Bjson’%3E%7B%22%40context%22%3A%22https%3A%5C%2F%5C%2Fschema.org%22%2C%22%40type%22%3A%22Organization%22%2C%22url%22%3A%22https%3A%5C%2F%5C%2Ffacemweb.com%5C%2F%22%2C%22sameAs%22%3A%5B%22https%3A%5C%2F%5C%2Fwww.facebook.com%5C%2Ffacemweb.fr%22%2C%22https%3A%5C%2F%5C%2Fplus.google.com%5C%2F108091348050380981111%22%2C%22https%3A%5C%2F%5C%2Ftwitter.com%5C%2Ffacemweb%22%5D%2C%22%40id%22%3A%22https%3A%5C%2F%5C%2Ffacemweb.com%5C%2F%23organization%22%2C%22name%22%3A%22Facem%20Web%22%2C%22logo%22%3A%22https%3A%5C%2F%5C%2Ffacemweb.com%5C%2Fwp-content%5C%2Fuploads%5C%2F2014%5C%2F04%5C%2Flogo-ipad-icon.png%22%7D%3C%2Fscript%3E” message=”Bout de code utilisé sur ce site LD JSON” highlight=”” provider=”manual”/]

Autre exemple :

[pastacode lang=”markup” manual=”%3Cscript%20type%3D%22application%2Fld%2Bjson%22%3E%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22%40context%22%3A%20%22http%3A%2F%2Fschema.org%22%2C%0A%20%20%20%20%20%20%22%40type%22%3A%20%22WebPage%22%2C%0A%20%20%20%20%20%20%22breadcrumb%22%3A%20%22Livre%20%3E%20webmarketing%20%3E%20Classiques%20du%20SEO%22%2C%0A%20%20%20%20%20%20%22mainEntity%22%3A%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22Book%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22author%22%3A%20%22%2Fauthor%2Fjd_salinger.html%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22bookFormat%22%3A%20%22http%3A%2F%2Fschema.org%2FPaperback%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22datePublished%22%3A%20%222015-08-01%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22image%22%3A%20%22catcher-in-the-rye-book-cover.jpg%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22inLanguage%22%3A%20%22English%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22isbn%22%3A%20%2203166526722%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Le%20nouveau%20livre%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22numberOfPages%22%3A%20%22210%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22offers%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22Offer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22availability%22%3A%20%22http%3A%2F%2Fschema.org%2FInStock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22price%22%3A%20%2212%2C90%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22priceCurrency%22%3A%20%22EUR%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22publisher%22%3A%20%22Facem%20Web%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22aggregateRating%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22AggregateRating%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22ratingValue%22%3A%20%224%2C5%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22reviewCount%22%3A%20%222%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22review%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22Review%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22author%22%3A%20%22Xavier%20Deloffre%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22datePublished%22%3A%20%222018-06-04%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22A%20masterpiece%20of%20literature%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22reviewBody%22%3A%20%22Dingue%20ce%20livre%2C%20j’ai%20pas%20d%C3%A9croch%C3%A9%20comme%20un%20article%20traitant%20du%20SEO%20sur%20Facem%20Web%20%3A)%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22reviewRating%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22Rating%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22ratingValue%22%3A%20%225%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22Review%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22author%22%3A%20%22Je%20veux%20rester%20anonyme%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22datePublished%22%3A%20%222017-08-30%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Excellente%20lecture.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22reviewBody%22%3A%20%22J’ai%20pris%20un%20pied%20monstre%20%C3%A0%20lire%20ce%20livre%20!%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22reviewRating%22%3A%20%224%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%3C%2Fscript%3E” message=”Exemple de données strucutrées pour les évaluations d’un livre” highlight=”” provider=”manual”/]

Après chaque propriété, excepté la dernière, il faut terminer chaque ligne par une virgule pour éviter les erreurs lorsque vous codez l’ensemble. Nous vous conseillons l’usage de ce site pour le faire par vos propres moyens : https://www.schemaapp.com

Vous pouvez également vous inspirer de schema.org qui m’a permis ici de vous proposer par exemple des éléments pour les reviews de livres ou encore Schema Markup Generator.

Ces éléments sont parfaitement contrôlables ensuite via la Google Search Console. Le JSON-LD est particulièrement conseillé pour le fil d’ariane. Il s’agit du type BreadcrumbList. On précise au sein d’une liste (itemListElement) chaque élément du fil d’ariane (ListItem) avec sa position, son “id” (l’URL) et son nom. On remarquera que malheureusement Yoast SEO pour WordPress ne propose pas cette version.

Avant de conclure cet article, ajoutons qu’en matière de référencement naturel SEO sur les moteurs de recherche, de nos jours de plus en plus chaque détail compte pour faire la différence entre deux résultats et on sait que capter du trafic qualifié sur son site Internet est de plus en plus compliqué et / ou de plus en plus cher. Là, avec les données structurées, vous avez un moyen qui, une fois implémenté, vous offrira la possibilité d’être plus visible dans les résultats des moteurs pour un contenu pourtant identique.

Autre élément, si le surplus de visibilité vous permet de capter du trafic sur l’un de vos articles grâce à des extraits enrichis, cela rendra aussi votre site plus visible auprès du même internaute lors d’une future recherche avec les mécanismes d’historique de la recherche. Il s’agit donc à la fois d’un gain potentiel direct et d’un gain potentiel indirect dont vous devez faire un avantage concurrentiel si vos concurrents ne l’utilisent pas et ne surtout pas en faire un critère différenciant dans la négative.

A propos de l'auteur(e)