Qu'est-ce que le balisage de schéma  ? Guide du débutant sur les données structurées

Schema Markup (schema.org) est un vocabulaire de données structuré qui aide les moteurs de recherche à mieux comprendre les informations sur votre site Web. Lorsque les moteurs de recherche reconnaissent la signification et les relations derrière les entités, ils peuvent fournir des résultats enrichis ou des extraits enrichis. les informations plus faciles à comprendre pour Google. Par exemple, vous pouvez utiliser des données structurées sur une page de recette de gâteau d’anniversaire pour informer Google du temps de cuisson, des évaluations des utilisateurs, etc. comme dans l’image ci-dessus. Dans cet article, nous aborderons  :

  • Différents types de balisage de schéma
  • Pourquoi le balisage de schéma est important pour le référencement
  • Comment générer et tester votre propre schéma

Commençons par quelques exemples.

Types de balisage de schéma

Le balisage de schéma est un code qui décrit les éléments de votre site Web dans un langage compris par tous les principaux moteurs de recherche. De cette façon, les moteurs de recherche peuvent présenter aux utilisateurs des résultats plus riches. Un balisage pratique, par exemple, indique à Google qu’un contenu spécifique est un guide étape par étape. Google peut alors donner aux chercheurs un aperçu de chaque étape de la page de résultats de recherche : Google comprend 32 types de schéma. Ceux-ci sont:

  • Article
  • Livre
  • Miette de pain
  • Carrousel
  • Cours
  • Base de données
  • Note globale de l’employeur
  • Événement
  • Vérification des faits
  • FAQ
  • Activités à domicile
  • Comment
  • Licence d’image
  • Offre d’emploi
  • Vidéo d’apprentissage
  • Solveurs mathématiques
  • Film
  • Questions et réponses sur l’éducation
  • Salaire estimé
  • Problèmes de pratique
  • Questions et réponses
  • Recette
  • Application logicielle (bêta)
  • Parlable
  • Abonnement et contenu payant
  • Vidéo

Voici cinq exemples courants de schéma et à quoi ils ressemblent sur le SERP (page de résultats du moteur de recherche)  :

Le balisage du logo indique à Google quel est votre logo. De cette façon, votre logo correct apparaîtra dans le panneau de connaissances Google chaque fois que quelqu’un recherchera votre entreprise.Voici à quoi ressemble le balisage du logo en action  :

Marge commerciale locale

Le balisage Local Business indique quels éléments de votre site Web contiennent des informations de contact, votre adresse et d’autres détails commerciaux importants. Google affiche ensuite ces informations dans un Local Business Panel sur le côté droit de certains SERP. Ce balisage garantit que Google donne à ces chercheurs les bonnes informations et encourage le trafic local. Voici à quoi cela ressemble  :

Marquage de révision

Le balisage de révision ajoute une note en étoiles dans la partie inférieure de l’entrée de votre page de résultats. Il montre aux internautes ce que les autres pensent de votre site ou de vos produits. Ceci est utile car les clients sont plus susceptibles d’acheter des produits avec des avis. Voici à quoi ressemble le balisage d’avis en action  :

Balisage du lien annexe

Le balisage des liens annexes ajoute des liens de navigation supplémentaires à votre annonce sur la page de résultats. Au lieu d’un simple lien vers votre page d’accueil, les internautes verront également des liens vers votre onglet Carrières, votre blog et d’autres pages importantes. Voici à quoi ressemble le balisage des liens annexes sur le SERP  :

Balisage du produit

Le balisage des produits donne à Google plus d’informations sur les produits répertoriés sur votre site afin que les internautes puissent voir plus de détails directement sur la page de résultats. Cela donne également à Google une image de votre produit qui peut apparaître dans Google Image Search. Les recherches d’images représentent 22,6 % de toutes les recherches, vous pouvez donc manquer beaucoup de trafic si vous l’ignorez.Voici à quoi ressemble le balisage de produit en action  : l’ajout d’un balisage de schéma à votre site vous donnera plus de chances d’obtenir un résultat riche qui occupe plus d’espace sur la page de résultats. Par exemple, votre site pourrait apparaître simultanément comme un résultat organique, comme une réponse à une FAQ, et sous forme de vidéo sur la même page de résultats. Ainsi, un utilisateur a plusieurs chances de cliquer sur votre site, le tout à partir d’une seule recherche.

Pourquoi le balisage de schéma est-il important pour le référencement ?

L’intérêt de structurer vos données est de mieux communiquer avec les moteurs de recherche. Lorsque Google comprend les entités à un niveau plus profond, il fournit de meilleurs résultats aux internautes. Des éléments tels que les cartes enrichies, les extraits enrichis et le panneau de connaissances apparaissent sur les SERP après avoir collecté des informations à partir de données structurées. Bien qu’il n’y ait aucune preuve que ce schéma améliorera votre classement, il offre une multitude d’opportunités. Par exemple, un résultat de recherche sans liens annexes ne donne pas beaucoup plus aux internautes que le titre et la méta description de la page liée  : d’un autre côté, un résultat de recherche avec les liens de site donnent aux chercheurs la page principale liée ainsi que des pages de site similaires qui pourraient les intéresser davantage  : si l’utilisateur n’a pas été incité à cliquer par la balise de titre, il y a encore quelques chances supplémentaires de les attirer avec des liens de site. Certains schémas agissent comme panneaux d’affichage numériques, aussi. Walmart prend toute la partie au-dessus du pli du SERP en raison de tous les extraits riches dont il dispose  : des études montrent que l’amélioration de l’immobilier à partir de résultats riches peut améliorer le taux de clics. En fait, les utilisateurs cliquent sur des résultats riches 58 % du temps contre 41 % du temps pour les résultats non riches. Google a également déclaré que des données correctement structurées peuvent améliorer l’apparence générale des résultats de recherche (ce qui offre une meilleure expérience utilisateur). Par exemple, avec des avis structurés, Google peut afficher des recettes avec les notes les plus cinq étoiles en haut de leurs résultats.Ou, avec des données structurées sur les chansons et les albums, Google peut afficher les chansons qu’un artiste chante sous la forme d’une série de cartes riches.Ainsi, bien qu’il n’y ait aucune preuve tangible que les données structurées ont réellement un impact classements, il améliore considérablement l’expérience de recherche. Les utilisateurs peuvent lire les FAQ, voir les évaluations, apprendre des informations commerciales importantes et plus encore sans jamais visiter une page. Cela peut étendre la portée de votre marque et, comme mentionné, augmenter potentiellement les taux de clics.

Comment générer et tester votre propre schéma pour votre HTML

Il existe trois langages de code que vous pouvez ajouter à votre code HTML pour indiquer aux moteurs de recherche ce qui se trouve exactement sur votre page Web : JSON-LD, microdonnées et RDFa.

JSON-LD (notation d’objet JavaScript pour les objets liés)

JSON-LD est un script ajouté en tant que bloc de données, séparé du reste du code d’une page. Google recommande d’utiliser JSON-LD « dans la mesure du possible », car les blocs de données JSON-LD sont plus faciles à organiser et à modifier ou modifier, si nécessaire.Voici à quoi cela ressemble  :Dans cet exemple, le code de la page Web, Je m’appelle Kelly < /p>est complètement séparé du script JSON-LD en dessous.

Microdonnées

Les microdonnées font essentiellement la même chose que JSON-LD mais sont formatées différemment. Le code doit être intégré au code HTML d’une page Web, ce qui signifie qu’il est moins facile à écrire et à mettre à jour pour les débutants. Il est également plus difficile à utiliser à grande échelle pour les sites Web plus volumineux (comme les sites de commerce électronique). Voici un exemple de microdonnées en action  :

RDFa (Resource Descriptive Framework in Attributes)

RDFa est similaire aux microdonnées en ce sens que vous l’ajoutez au code de votre page via des balises et des attributs HTML. Cependant, c’est un peu plus ancien et plus complexe. L’avantage est qu’il peut être plus facile de l’intégrer à d’autres applications ou plates-formes qui l’utilisent également. En pratique, cela ressemble à ceci :

Générer un balisage de schéma pour le référencement

L’outil d’aide au balisage des données structurées de Google facilite la génération de schéma. Voici comment l’utiliser :Étape 1 : Sélectionnez un type de donnéesChoisissez l’un des types de données courants dans la liste donnée. Pour cet exemple, nous avons choisi « Articles ». Étape 2  : Collez votre URLCollez l’URL de la page à laquelle vous souhaitez ajouter un balisage. Vous avez également la possibilité de coller le HTML. Ensuite. L’outil chargera votre page afin que vous puissiez commencer à la marquer. Votre page Web apparaîtra sur le côté gauche et les éléments de données apparaîtront sur la droite. Comme ceci :Étape 3  : Commencez à marquer votre pagePour commencer, mettez en surbrillance la sélection à gauche que vous souhaitez marquer. Pour un article, vous pouvez mettre en surbrillance l’auteur et choisir l’élément de données « Auteur » dans le menu qui apparaît. L’outil prendra le nom de l’auteur et le placera à côté de « Auteur » sur le côté droit. Vous pouvez également taguer éléments introuvables sur votre page. Sur le côté droit de votre page, faites défiler vers le bas jusqu’à ce que vous voyiez le bouton « Ajouter des balises manquantes ». Par exemple, nous avons manuellement ajouté des données à la balise d’URL. Continuez à ajouter des éléments de balisage jusqu’à ce que vous soyez prêt à générer votre code HTML. Étape 4  : Générer du code HTML Lorsque vous avez terminé..Vous recevrez le code à ajouter à votre site.Étape 5  : Ajoutez le balisage à votre siteMaintenant que vous disposez de votre code mis à jour, ajoutez-le à votre CMS (système de gestion de contenu).Vous avez le option pour copier et coller. Lorsque vous avez terminé, mettez à jour la page sur laquelle vous travaillez.Il est maintenant temps de tester le balisage que vous avez ajouté à votre page.Étape 6  : Testez vos données structuréesGoogle recommande d’utiliser leurs résultats enrichis Outil de test pour tester votre balisage de schéma  : saisissez votre URL ou votre extrait de code. Les erreurs, les avertissements et le balisage de schéma détecté s’afficheront sur le côté droit de l’écran  : si vous devez corriger des erreurs, vous pouvez modifier votre code directement sur le côté gauche de la page. Après avoir apporté des modifications,:Vous pouvez également tester l’ensemble de votre site pour les problèmes de balisage de schéma avec notre outil d’audit de site. Recherchez la section Marquage dans l’onglet Présentation. Ensuite. Vous obtiendrez un score de balisage qui indique la quantité de données de votre schéma qui est valide ou non. Plus votre score est élevé, moins votre site contient d’erreurs. Pour voir une liste complète des erreurs, faites défiler jusqu’à la section « Éléments de données structurées ».Si des erreurs s’affichent pour votre site, revisitez l’assistant de balisage des données structurées pour générer un nouveau balisage, puis validez-le à nouveau avec le test des résultats enrichis. Si vous souhaitez tester votre code pour un autre moteur de recherche, vous pouvez utiliser le Schema Markup Validator de Schema.org.