Améliorez vos résultats de recherche avec Rich Snippets & Vocabulaire Schema.org

Données structurées permet de présenter vos résultats de recherche de manière plus attrayante et informative. Selon une étude Searchmetrics, l'ajout d'un balisage de données structurées à un site Web entraîne une augmentation de 36% des résultats de recherche Google..

Le balisage des données structurées est rendu dans Google, Bing et d’autres moteurs de recherche en tant que Extraits riches. Les extraits enrichis sont résultats de recherche améliorés qui ajoute informations supplémentaires, comme une photo, le prix, le classement des utilisateurs et d’autres caractéristiques, pour rechercher des extraits de moteur de recherche.

Les données structurées permettent d’obtenir de meilleurs résultats de recherche pour deux raisons principales:

1. Il étend la sémantique HTML en rendant le contenu plus compréhensible pour les moteurs de recherche.
2. Les extraits enrichis - la présentation par le moteur de recherche de données structurées - ont une meilleur taux de clics que des résultats de recherche moins informatifs.

Vocabulaire Schema.org

Si vous voulez avoir des extraits riches pour votre propre site, vous devez ajouter des données structurées à votre balise HTML. Les données structurées utilisent le vocabulaire schema.org qui vous permet d'informer les moteurs de recherche sur la nature de votre contenu.

Schema.org est l'initiative de Google, Bing et Yahoo qui vise à fournir un ensemble de schémas pour décrire différents types de contenu Web afin que les moteurs de recherche puissent mieux le comprendre.

Le vocabulaire de Schema.org est organisé en hiérarchie à deux niveaux:

1. Les types: différents types de contenu Web, ils sont disposés dans leur propre hiérarchie
2. Propriétés: chaque type a un certain nombre de propriétés

Premier niveau de types

Chose est l'article le plus générique dans le vocabulaire schema.org, il est l'ancêtre de tous les autres types.

Deuxième niveau de types

le deuxième niveau de types est un peu plus spécifique, et contient le un événement, la action, la Intangible, la Travail créatif, la Endroit, la Organisation, la Produit, et le La personne Les types. Il existe également une chose de deuxième niveau distincte disponible en tant qu'extension schema.org; C'est le MedicalEntity Type.

Troisième niveau de types

Chaque type de second niveau contient un ou plusieurs types de troisième niveau, par exemple, un des sous-types de CreativeWork est le La revue Type. Notez que des types plus spécifiques (deuxième et troisième niveaux) hériter des propriétés de leur parent (et grand-parent en cas de troisième niveau).

L'image ci-dessous a été publiée sur le blog officiel du schéma et illustre la hiérarchie du vocabulaire schema.org..

Trouvez le schéma dont vous avez besoin

Parcourez le vocabulaire afin de trouver le schéma dont vous avez besoin. Par exemple, pour les extraits riches en recettes, vous devez utiliser le Recette Tapez qui est l'enfant de CreativeWork. Il a de nombreuses propriétés, telles que temps de cuisson, méthode de cuisson, recetteIngrédient, et d'autres, plus il hérite également des propriétés de son parent (CreativeWork) et de son grand-parent (Thing).

Schema.org est un projet communautaire, il est fréquemment étendu et de nouvelles versions sont régulièrement publiées. Si vous ne trouvez pas le schéma dont vous avez besoin, vous pouvez le proposer à la communauté Schema.org et vous pouvez également contribuer à leur projet Github..

Ajouter des données structurées à votre annotation

Alors, comment ajoutez-vous vos schémas au code frontal? Schema.org peut utiliser trois formats différents. Vous devez en choisir un pour ajouter du balisage de données structurées à votre site. Bien qu'en théorie, vous puissiez utiliser plusieurs formats sur le même site, cela nuit à la lisibilité du code et à sa facilité de maintenance. Ce n'est donc pas une bonne pratique..

le trois formats principaux de balisage de données structurées sont les suivantes:

1. Microdonnées: C'est un standard Web qui étend HTML par introduire de nouveaux attributs tel que itemprop. Le site Web officiel de schema.org contient un excellent didacticiel sur l'utilisation des microdonnées. Par conséquent, si vous connaissez déjà le langage HTML, ce format peut constituer un bon choix..
2. RDFa: La forme longue de RDFa est Cadre de description de ressource dans les attributs, et c'est une recommandation du W3C qui étend les documents HTML, XML et SVG à l'aide d'un ensemble d'attributs spécifiques. Le protocole Open Graph de Facebook est également basé sur RDFa. Vous l'avez donc probablement déjà rencontré. Il existe une version RDFa Lite pour les débutants, ainsi qu'une version complète qui offre de nombreuses options pour travailler avec des données structurées de manière élaborée..
3. JSON-LD: Alors que les deux autres options étendent le balisage HTML, JSON-LD utilise le JSON syntaxe. JSON-LD signifie Notation d'objet JavaScript pour les données liées, et c’est le format que les développeurs Google recommandent, car selon leur point de vue, "le balisage de données structurées est plus facilement représenté au format JSON-LD". Il n'est pas nécessaire d'être un expert en JavaScript pour utiliser JSON, car il s'agit d'un système de notation simple utilisant des paires nom-valeur..

Vous pouvez facilement comparer les trois formats à l'aide d'un onglet pratique au bas de chaque page de type schema.org.

En examinant les exemples, vous pouvez facilement comprendre le fonctionnement de chaque format et utiliser l’un d’eux sur votre propre site..

Le balisage de données structurées que vous devez ajouter à votre code est basé sur le vocabulaire schema.org. Si vous choisissez des microdonnées ou RDFa, vous devez ajouter les attributs supplémentaires aux balises HTML classiques..

Par exemple avec microdonnées, vous ajoutez le nom du type au conteneur en utilisant le articlescope attribut, et chaque propriété avec le itemprop attribut. Voici un exemple très simple:

 
 
Ma recette
  
Description de la recette
 
 

Et le même exemple en utilisant RDFa, il convient de prêter attention aux différents attributs que vous devez utiliser ici:

 
 
Ma recette
  
Description de la recette
 
 

Si vous choisissez le Format JSON-LD, vous devez placer votre code à l'intérieur de tag dans la tête de votre page HTML. L'exemple ci-dessus ressemblera à ceci:

Conseils pour utiliser des données structurées

Testez votre balisage de données structurées

Avant d'ajouter le balisage de données structurées à votre site, vous pouvez le tester rapidement à l'aide de l'outil de test de données structurées de Google. De cette façon, vous pouvez rapidement trouver les problèmes si vous en avez.

Exploiter les cartes de connaissances Google

Google n'utilise pas uniquement des données structurées pour les extraits enrichis, mais si vous êtes une autorité pour un certain type de contenu, votre contenu peut également apparaissent dans l'une des cartes de graphique de connaissances affiché sur le côté droit de certaines pages de résultats de moteurs de recherche.

Notez que vous ne pouvez pas demander à Google d’afficher une carte de connaissance pour votre contenu, mais si votre balisage de données structurées est correctement configuré, vous avez la possibilité..

Faire usage de Google Rich Cards

En mai 2016, Google a introduit Cartes riches qui constituent "la mise à niveau du format actuel Rich Snippets" et fournissent des résultats de recherche mobile attrayants présenté en carrousels qui peut être parcouru en faisant défiler à gauche et à droite. Les cartes riches de Google utilisent également le balisage de données structuré et le vocabulaire schema.org..

Ajouter des données structurées à vos courriels

Vous pouvez utiliser un balisage de données structuré dans vos emails afin de déclencher l'utilisation de Google Now Cards pour le destinataire, les développeurs Google disposent d'un excellent didacticiel sur la procédure à suivre..

Générer des données structurées dynamiquement

Il est possible d'utiliser Google Tag Manager pour générer dynamiquement des données structurées au format JSON-LD, Moz.com vous apprend à le faire..