SEO Comment ajouter des Données Structurées à votre site Web ?
Les données structurées : pas si compliqué que ça !
J’insiste sur le fait qu’il s’agit d’un aspect plutôt technique du référencement Web, qualifié même de SEO Technique par les experts.
Mais cela vaut vraiment le coup de s’y intéresser. Vous allez gagner en compétences, ce qui va aider votre site à gagner des places dans le classement des pages de résultats de Google.
Je sais que les termes « schéma de balisage » et « données structurées » paraissent compliqués d’autant plus que la plupart des centres d’aide sur le sujet sont en anglais.
En fait, ça semble complexe, mais je vous assure que tout le monde peut les mettre en place.
C’est le but que je me suis fixé en écrivant cet article : que vous puissiez mettre en place les données structurées sur votre site une fois avoir lu cet article.
Alors, rentrons dans le vif sujet et définissons les données structurées.
C’est quoi une donnée structurée ?
Les données structurées, également appelées schéma de balisage, sont un type de code qui facilite l’exploration, l’indexation et l’affichage de votre contenu par les moteurs de recherche.
Les moteurs de recherche utilisent les données structurées pour mieux comprendre vos contenus Web. Sans ce schéma de balisage, les moteurs de recherche se contentent seulement afficher vos contenus Web.
Voici un exemple pour être plus claire.
Evidemment, vous avez mis vos informations de contact sur le site web de votre entreprise. J’imagine qu’elles se trouvent dans le pied de page de votre site Web :
- Le nom de votre entreprise,
- Son adresse postale,
- Son numéro de téléphone,
- …
Tout ceci est facilement compréhensible pour un être humain.
Par contre, les moteurs de recherche vont avoir plus de mal pour saisir ce que signifient ces données brutes.
Avec un schéma de balisage, vous indiquez aux moteurs de recherche que vos informations de contact sont effectivement des informations de contact et pas seulement de simples textes.
Cela se fait avec ce bout de code (source Schema.org) :
Ooops, ça semble complexe n’est-ce-pas ?
Ne fuyez pas ! Je vous promets que cette complexité va disparaître au cours de cet article.
Vous l’avez compris avec les données structurées, vous aidez les moteurs de recherche à analyser votre contenu plus facilement.
C’est très important. En effet, si les moteurs de recherche explorent facilement votre site Web (ou plus facilement que celui de vos concurrents), votre référencement naturel (SEO) sera meilleur.
Les données structurées sont utiles pour vos internautes
J’ai souvent affirmé : “N’écrivez pas pour Google mais pour vos lecteurs !”
Ca peut paraître surprenant mais les données structurées ont été conçues pour aider aussi les internautes.
Le schéma de balisage est l’équivalent d’une carte de visite super-détaillée qui affiche vos informations clairement.
Cela semble complexe …
… mais au final c’est fait pour aider des gens comme vous et moi.
Quelques exemples vus par les internautes
Vous ne vous êtes jamais demandé comment Google faisait pour compléter les informations non renseignées dans votre Google My business. C’est en partie avec les données structurées.
Vous avez surement déjà vu dans les pages de recherche des résultats avec une URL formatée avec des > :
C’est encore les données structurées.
Mais cela ne s’arrête pas là, on peut arriver à baliser des informations telles que :
- Le nom et le prix d’un produit,
- Les revues associées.
Les données structurées jouent sur le contenu des pages de résultats des moteurs de recherche. Elles fournissent des informations supplémentaires sur le contenu de la page.
Et, les internautes apprécient. Leur attention est renforcée par ces informations bien utiles présentes à côté des résultats de recherche sur Google. De cette manière, le taux de clics a tendance à augmenter et le taux de rebond à diminuer.
Donc, vous n’écrivez pas pour des machines. Vous simplifiez la vie des moteurs de recherche avec des détails supplémentaires sans modifier votre contenu de quelque façon que ce soit.
J’insiste : “DES” moteurs de recherches … En effet, les spécifications des données structurées ont été élaborées par Google, Microsoft et Yahoo. Donc, vous mettez votre schéma de balisage et il est opérationnel pour ces 3 moteurs de recherche ! D’une pierre, trois coups !
Attention : N’essayez pas de lire les spécifications des données structurées. Il y a des milliers de termes. C’est abscons, indigeste et rebutant !
C’est impossible de tout mémoriser.
Et je vous rassure tout de suite. Vous n’avez pas besoin d’apprendre par coeur toutes ces spécifications pour les utiliser sur votre site.
En fait, vous allez pouvoir commencer à utiliser des données structurées dès la fin de cet article.
Néanmoins, il y a quelques éléments de base à savoir. Ensuite, ça se fait les doigts dans le nez 🙂
Ce que vous devez savoir (et ce que vous ne devez pas)
Bonne nouvelle : vous n’avez rien à mémoriser. Juste à comprendre le principe. Ensuite, vous pouvez commencer à utiliser des données structurées dès aujourd’hui.
Evidemment, avec l’aide de Laurent et Mathieu, nous vous avons un peu débroussaillé le terrain.
Alors, on dit quoi ? Merci Audrey ! 🙂
Voici ce qu’il faut savoir :
1. Le format des données structurées à utiliser
Il existe 3 principaux formats de données structurées.
Google préconise le JSON-LD. Ne vous posez pas de questions, c’est le format qu’il faut choisir.
Mais, c’est utile de savoir que les formats “microdata” et “RDFa” existent aussi. Des fois que, lors d’une recherche sur Google ou dans une extension WordPress, vous tombiez par hasard sur des données structurées. Assurez-vous juste qu’elles soient bien au format “JSON-LD” et pas dans un autre format.
2. Les 3 termes les plus courants du schéma de balisage
Vous pouvez probablement vous passer de connaître les aspects suivants. Mais si vous prenez un peu de temps pour apprendre ces quelques termes, vous allez :
- Gagner en compétence,
- Eviter de faire des erreurs,
- Et même pouvoir optimiser votre schéma de balisage.
J’ai récupéré les copies d’écrans ci-dessous sur la bible de Schema.org et repris leur exemple avec le film Avatar, ce qui explique l’image de la belle princesse Na’vi Neytiri ci-dessus.
A) itemscope : l’étendue de l’élément
L’étiquette “itemscope” est surement le terme le plus utilisé dans un schéma de balisage.
“Itemscope” sert à regrouper certaines parties d’une page Web en bloc pour indiquer aux moteurs de recherche qu’il concerne le même sujet.
Dans la copie d’écran ci-dessus, vous avez un bout de code HTML classique qui décrit le film Avatar avec :
- Son réalisateur James Cameron,
- Le type de film (Science fiction),
- Un lien vers la bande annonce.
Dans la copie d’écran ci-dessus, le seul changement qui a été fait est le rajout de l’étiquette “itemscope” marquée en gras.
Avec ce tout petit changement, les moteurs de recherche savent que toutes les informations entre <div> et le prochain </div> traitent du même sujet.
Juste en ajoutant ces 9 lettres “itemscope”, ces quelques lignes sont devenues un même bloc pour Google, Bing et autre Yahoo.
B) Itemtype : le type d’élément
“Itemtype” caractérise le bloc de contenu étiqueté par un “itemscope”.
Pour notre exemple avec Avatar, “itemtype” indique aux moteurs de recherche que ce bloc parle d’un film.
Et voilà ce que ça donne :
Il y a des centaines d’itemtype pour caractériser des recettes de cuisine, des voitures, des billets d’avion, … la liste est consultable ici.
C) itemprop : les propriétés de l’élément
“Itemprop” attribue une propriété à chacun des différents contenus d’un même bloc.
Toujours avec notre exemple avec le film Avatar, les “itemprop” indiquent aux moteurs de recherche que :
- Avatar est le nom du film
- James Cameron son réalisateur,
- …
C’est pourquoi, il existe des milliers de “itemprop” que vous pouvez utiliser.
Avec tous ces termes, vous entrez des détails extrêmes, ce qui est une bonne chose pour les moteurs de recherche et donc pour votre référencement.
En effet, les moteurs de recherche peuvent organiser votre contenu non seulement plus facilement, mais aussi plus précisément.
3. Les lignes directrices de données structurées de Google
Vu que ça plait aux internautes, Google cherche à faciliter et à généraliser l’utilisation des données structurées. Il a même publié un centre d’aide en français.
Vous voulez plaire à Google ! Alors implémentez un schéma de balisage.
Par contre, vous devez connaître les règles qu’il nous impose.
Évidemment, il s’agit de bien utiliser les bons termes pour décrire votre contenu.
En d’autres termes, n’utilisez pas “recipe” qui est l’itemtype pour décrire une recette de cuisine si vous parlez d’un film et vice et versa …
Il est hors de question d’utiliser des techniques de “Black Hat“ avec ces données structurées. J’imagine que Google verrait ça d’un très mauvais oeil.
Rappelez-vous, le but de l’utilisation de données structurées est d’aider les moteurs de recherche à mieux afficher votre contenu pour les internautes.
Aidez les moteurs de recherche et ils vous aideront en retour. Cela veut dire plus de visibilité et donc naturellement plus de trafic et, si votre site est performant, plus de clients et de prospects.
Avant de passer à l’implémentation, voici un jeu de diapositives par Sébastien Monnier (c’est le président du SEO Camp) qui résume bien ce tout ce que j’ai écrit jusqu’ici.
