Schéma et données structurées

Tu n'aimes pas quand le menu est accompagné de photos de nourriture ? Tu veux tout manger ! Les clients prennent des décisions en fonction de ce qui attire leur attention le plus rapidement, et nous aussi lorsque nous cherchons quelque chose sur Google. Une fois que nous voyons un résultat de recherche complet, nous ressentons le besoin de cliquer dessus, n'est-ce pas ?
Données structurées par schéma

C'est de cela qu'il s'agit : présenter l'information d'une manière plus structurée et visuelle pour que vous sachiez à quoi vous attendre d'un clic... et que vous ayez vraiment envie de cliquer dessus. Le schéma d'implémentation fournit des informations supplémentaires aux visiteurs et, par conséquent, augmente le nombre de visites. La situation gagnant-gagnant parfaite !

 

Qu'est-ce qu'un schéma

Schema.org est un vocabulaire de balises (aussi connu sous le nom de balises) que les webmasters peuvent ajouter au HTML pour rendre une page plus attractive dans les SERPs (Search Engine Results Pages). En ajoutant ces balises, nous obtenons ce qu'on appelle des Données Structurées, et cela donne des Rich Snippets. En voici quelques exemples :

En comprenant qu'un extrait est une page de résultats commune avec un titre, une URL et une méta description, vous pouvez voir que l'exemple d'extrait riche ci-dessus montre plus de détails que d'habitude. Cette fonctionnalité vous offre des possibilités infinies en fonction de la page que vous souhaitez promouvoir. Nous vous montrerons quelques exemples plus tard.

Alors, quel est ce code, communément appelé"schema markup" ? L'initiative provient d'une communauté collaborative appelée schema.org qui compile toutes les balises qui aident les spécialistes du marketing à créer et promouvoir des schémas de données structurées sur les sites Web, les messages électroniques et plus encore.

Qu'est-ce que schema.org dans SEO

Vous vous demandez comment utiliser schema.org pour le référencement ? L'objectif de la mise en œuvre de Schema est de fournir des informations (détails du site/produit) aux moteurs de recherche afin d'améliorer leur compréhension du contenu, d'enrichir les snippets et d'augmenter le CTR.
Oui, cela peut sembler évident, mais nous voulons souligner que les extraits riches ont un impact énorme sur le CTR (Click Through Rate) parce qu'ils attirent l'attention des gens plus que tout autre résultat de recherche, et cela entraîne plus de clics. N'oubliez pas que ce paramètre détermine le succès d'un extrait, et qu'il est calculé en divisant la quantité d'informations qu'il contient par le nombre de clics. Plus il y a de clics, plus le CTR est élevé.

Dans le cas d'extraits riches, ils augmentent le CTR jusqu'à 30% ! Surtout lorsqu'il s'agit d'évaluation de produits ou de services : les évaluations et les critiques sont les éléments les plus influents sur les extraits riches. Besoin de raisons supplémentaires pour les mettre en œuvre ? En voilà une bonne :

Dans le passé, les spécialistes du référencement devaient pousser leurs développeurs à écrire les balisages puis à les télécharger, ce qui se traduisait par de longs temps d'attente et parfois des implémentations erronées, avec de nombreuses boucles de retour. Maintenant les professionnels du référencement peuvent éditer les balises de schéma en utilisant JSON-LD (un des codes acceptés par schema.org). C'est assez facile à utiliser, et tout ce que vous avez à faire - en plus d'ajouter l'information - est de l'envoyer aux développeurs, ou de l'ajouter vous-même au HTML ou à Google Tag Manager. On en reparlera plus tard.

Maintenant, est-ce que de riches bribes apparaissent immédiatement ? Malheureusement non. Il leur faut du temps pour se montrer. Oubliez l'idée d'implémenter schema.org sur une page de mauvaise qualité pour qu'il soit mieux classé. Vous devez toujours investir vos efforts de référencement dans chaque page, car Google appréciera si le texte est suffisamment pertinent, si ce qui est encadré dans les balises correspond au contenu de la page, si elle reçoit des liens de qualité ou non, etc.

Une grande utilité de schema.org est le balisage "organisation". Vous pouvez ainsi aider Google à identifier toutes les données de votre entreprise et à les afficher sur le graphique de connaissances. Vous voudrez spécifier un logo, les coordonnées, les heures d'ouverture (s'il s'agit d'une entreprise physique) et un lien vers vos canaux de médias sociaux. En voici un exemple :

Vous pouvez également ajouter le balisage du site web schema.org pour aider Google à générer des liens de site avec un champ de recherche, et même faire apparaître la chapelure sous le titre de l'extrait. Les possibilités sont infinies !

Comment implémenter schema.org

Pour ajouter des balises de schéma à vos pages, suivez ces étapes :

  • Vous voulez visiter schema.org, où vous trouverez un répertoire avec toutes sortes de pages, de besoins, d'industries, etc.
  • Choisissez l'industrie ou le produit qui définit le mieux la ou les pages que vous voulez promouvoir sur les RSR. Il y a beaucoup d'informations que vous pouvez mettre en évidence, prenez votre temps pour choisir les bonnes données. N'oubliez pas qu'il n'est pas nécessaire de tout inclure.
  • Choisissez l'encodage qui convient à vos possibilités et l'adapte au contenu de votre page. Vous le trouverez au bas de la page, copiez l'exemple pour commencer à travailler dessus.
  • Ajoutez les balises à votre page selon le code que vous avez utilisé (voir la section suivante).
  • Valider le code avec un outil de test de données structuré comme FandangoSEO.
  • Et ta-da ! Vos pages seront plus attrayantes que jamais.

Le balisage du schéma peut être utilisé avec 3 encodages différents : RDFa, Microdata et JSON-LD (vous l'aimerez probablement le plus).

 

Microdonnées et RDFa

MicroData et RDFa sont des formes de balisage sémantique qui peuvent être combinées avec des propriétés HTML typiques pour définir chaque type d'élément (revue, taux, prix, etc.) à l'aide d'attributs associés.

Il encadre fondamentalement les mots que vous voulez surligner en utilisant ce code à l'intérieur du corps du fichier HTML. De cette façon, vous dites aux moteurs de recherche que ce mot doit être considéré par eux comme -par exemple- le nom du produit, ou la description.

Pour les microdonnées, vous commencerez par :


<div itemscope itemtype="http://schema.org/Movie">

And then move on with the different tags:

<h1 itemprop="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>

Pour la RDFa, vous commencerez par :


<div vocab="http://schema.org/" typeof="Movie">

And so on…

<h1 property="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>

Taking “product” as an example, with Microdata you’ll want to use these tags:

<itemprop=”name“>

<itemprop=”description”>

<itemprop=”price“>

<itemprop=”aggregateRating“> à The overall rating, based on a collection of reviews or ratings of the item. This is a key influential element, together with the next two:

<itemprop=”ratingValue“> à The rating for the content

<itemprop=”reviewCount“> àThe total number of reviews

<itemprop=“image” > à URL of the item’s image (not the thumbnail, and only one per product)

<itemprop="color">

<itemprop="brand">

etc.

La mauvaise nouvelle, c'est que vous devrez appliquer ce langage manuellement au HTML de chacune des pages que vous voulez mettre en valeur, alors commencez par les produits les plus vendus pour augmenter les ventes ou les meilleurs billets de blogue pour augmenter les visites.

 

Conseils pour des données structurées sur le commerce électronique

  • Pour les catégories (qui affichent une liste de produits), vous pouvez mettre en surbrillance 1 vignette comme "image", une "fourchette de prix" qui regroupe tous les produits affichés, et le "paiement accepté".
  • Lorsque vous souhaitez mettre en surbrillance plus d'un élément sur une page de catégorie ou de sous-catégorie, vous pouvez les lister en attribuant des numéros avec ITEMREF.
  • Utilisez "isRelatedTo" pour indiquer les produits connexes.
  • N'oubliez pas les critiques et les évaluations. Le prix aide aussi, s'il est compétitif.

 

JSON-LD

Comme nous l'avons déjà mentionné, JSON-LD est le plus utilisé par les experts SEO, car c'est le balisage de schéma le plus facile pour les données structurées. Pourquoi ? Eh bien, alors que les autres doivent être écrits dans le fichier HTML encadrant les mots, celui-ci peut être écrit et téléchargé séparément et Google comprendra que le code fait référence à la page entière. De cette façon, vous évitez d'éditer les balises HTML et de potentiellement tout gâcher.

You will add the code to the HTML as another tag, but there’s no need to touch the existing code. Told you it was easier. 😉 Google recommends adding JSON-LD to the <head> section of the HTML document; but it’s okay if the JSON-LD is within the <body> section. Just paste it (or ask a developer if you have the chance).

Dans ce cas, le code ressemblera à ceci :


<script type="application/ld+json">

{

"@context": "http://schema.org",

"@type": "Movie",

"actor": [

{

"@type": "Person",

"name": "Johnny Depp"

},

Cela vaut pour les trois types d'encodage : choisissez le code exemple sur le site web schema.org et remplacez le texte exemple par vos propres données. De cette façon, la validation se fera en douceur. Rappelez-vous que FandangoSEO fonctionne également comme un validateur de schéma JSON-LD, et bien sûr il est grand pour RDFa et Microdata aussi.

 

Exemples de Schema.org

Vous avez vu que les données structurées ont beaucoup de potentiel. En fonction de votre activité, les données structurées sont la meilleure solution pour battre vos concurrents sur les moteurs de recherche. Ça a l'air cool, non ?

Examinons quelques exemples de données structurées de Google :

  • Vous tenez un blogue sur la cuisine, et votre recette contient moins de calories et prend moins de temps à préparer que celle de votre principal concurrent.

Pour voir à quoi devrait ressembler le schéma, vous pouvez même ajouter le balisage du schéma vidéo et le lien vers le tutoriel vidéo.

  • Vous dirigez un commerce électronique et vous voulez que vos chaussures les plus vendues se démarquent sur les SERPs. Ajoutez les détails du produit mais aussi la note moyenne basée sur plusieurs notes ou critiques.
  • Vous êtes un auteur de livre et vous venez d'écrire un guide épique sur la façon d'être un leader impressionnant. Il y en a beaucoup, mais le vôtre est le meilleur. Utilisez schema.org pour les livres qui deviendront l'auteur du best-seller de Noël prochain.
  • Vous avez une application pour suivre les vols et vous voulez qu'elle soit trouvée lorsque les gens cherchent les heures d'arrivée et les terminaux d'aéroport ; vous pouvez alors utiliser le balisage de l'application du logiciel de schéma.

 

En résumé, nous voulons que vous soyez conscient de l'importance des données structurées sur le référencement et que vous sachiez combien de possibilités schema.org vous offre pour créer des snippets riches. Rappelez-vous ces deux conseils cruciaux :

  • Choisissez ce que vous voulez afficher judicieusement, afin de n'afficher que les informations les plus utiles dans les résultats des moteurs de recherche.
  • Valider avant de publier. Vous ne voulez pas que tous vos efforts soient perdus, alors allez visiter notre testeur de schéma et restez en sécurité sur 😉

 

Prêt à se démarquer sur les RSR ?

Vérifier le schéma maintenant

Arrow-up