Blogue

Ce sera un article assez long sur les données structurées – Schema.org et comment vous pouvez les implémenter sur votre site pour bénéficier des avantages du référencement. Je rentre assez bien dans les détails car je considère que le schéma est obligatoire en 2020.

#1. Que sont les données structurées ?

Les moteurs de recherche souhaitent bien comprendre vos pages Web, car cela les aide à classer avec précision votre contenu dans les SERP .

Alors que la plupart des moteurs de recherche sont excellents pour analyser les mots d'une page pour trouver un sujet ou un thème, vous pouvez les aider encore plus en fournissant des informations spécifiques dans un langage standardisé que les moteurs de recherche peuvent comprendre.

Les données structurées (également appelées balisage de schéma) fournissent ces informations supplémentaires. Les données structurées désignent des données (ou informations) qui ont été organisées de manière spécifique (structurées).

Les données structurées peuvent inclure des informations sur une page Web, par exemple l'auteur, le titre, la description, la note, les ingrédients, le temps de cuisson, la durée de la vidéo, etc. À sa discrétion, Google peut ensuite utiliser ces données pour ajouter davantage de valeur aux résultats de recherche.

Voici un exemple montrant comment Google a utilisé des données structurées intégrées dans une page Web pour mettre en évidence les données d'avis :

Notez que les listes dans les SERP ont des notes par étoiles et par nombre, un nombre de votes et même des prix de départ. C'est ce qu'on appelle des extraits enrichis, où le mot « riche » fait référence à tout ce qui ne se trouve normalement pas dans une liste normale (titre bleu, URL verte et description noire).

Des extraits enrichis comme celui-ci sont créés par Google à l'aide de données structurées que ces webmasters ont intégrées dans la page Web.

Voici un extrait de ces données structurées du code source de la première page :

La flèche pointe vers les données structurées qui spécifient la valeur et le nombre de notes. Vous pouvez voir que cette valeur est utilisée dans l’extrait enrichi.

L’encadré entourant la description met en évidence un autre point important. Ce n’est pas parce que vous ajoutez les données structurées que Google les utilisera.

Si vous regardez la capture d'écran montrant les extraits enrichis dans les SERP, Google n'a pas utilisé cette description dans l'extrait enrichi.

Google n'a pas non plus le dernier « prix bas » de 3,05 $ (l'extrait SERP montre les prix à partir de 3,92 $), donc ces données structurées peuvent avoir été mises à jour depuis la dernière exploration Google de cette page.

Les données structurées intégrées sur cette page donnent à Google plus d'informations qu'il peut utiliser à sa discrétion pour améliorer le référencement dans les SERP.

Cela aide également Google à mieux comprendre le contenu de la page, ce qui lui permet de classer la page avec plus de précision.

Les données structurées (SD) doivent faire partie intégrante de votre référencement car elles peuvent être lues (et utilisées) par les moteurs de recherche, Facebook, Pinterest, etc.

À qui bénéficiera la mise en œuvre de données structurées ?

#2. Implémentation de données structurées

Je ne veux pas vous confondre, mais il existe plusieurs façons d' implémenter des données structurées . Cependant, nous ne parlerons que de la méthode préférée de Google, qui utilise une taxonomie appelée schema.org, et le langage de programmation JSON-LD.

Pour les utilisateurs de WordPress qui ne souhaitent pas apprendre la moindre programmation, ne paniquez pas. Je vais chercher un plugin WordPress capable d'implémenter des données structurées pour vous.

Pour ajouter des données structurées, nous devons connaître les règles qui régissent la structure. Dans sa forme la plus simple, les données structurées sont un ensemble de paires variable/valeur.

Les noms de variables affichés dans ce code sont critiques. Si vous n'utilisez pas le nom exact de la variable, le code ne sera pas compris.

En tant que webmasters, nous devons savoir quelles variables sont disponibles et quelles valeurs ces variables acceptent. C’est là qu’intervient la taxonomie dont nous parlions il y a un instant.

En 2011, Google, Bing, Yahoo! et Yandex se sont réunis pour créer une liste standardisée d'attributs et d'entités qu'ils ont tous accepté de prendre en charge et qui est devenue connue sous le nom de Schema.org (oui, c'est un site Web). Schema.org est la taxonomie des « choses » que nous pouvons ajouter à nos données structurées.

J'ai compris?
Eh bien, il y a une difficulté dans la pommade… Google !

Google a également ses directives en plus de ce que vous trouverez sur Schema.org.

Vous pouvez créer vos données structurées selon schema.org, mais si vous ne mettez pas également en œuvre les directives de Google, le géant de la recherche peut alors appliquer une pénalité à vos pages/site. Vous pouvez trouver ces lignes directrices ici .

La bonne nouvelle est que la plupart des directives de Google visent uniquement à empêcher les administrateurs Web d'abuser du système, par exemple en créant des données structurées qui ne reflètent pas fidèlement le contenu de la page.

2.1 JSON-LD

Plus tôt, nous avons mentionné que les données structurées sont codées à l'aide du langage JSON-LD. JSON-LD est le code utilisé pour transmettre les données aux moteurs de recherche.

Nous pouvons créer des données structurées JSON-LD à l'aide de l' assistant de données structurées de Google. Cet outil vous permet de baliser votre site, puis de capturer le JSON-LD que vous devez ajouter à votre page.

Essayez-le. Allez sur ce site. Recherchez une URL sur l'un de vos sites Web, sélectionnez le type de schéma que vous souhaitez créer, puis collez l'URL. Cliquez sur le bouton Démarrer le balisage pour commencer.

Votre page se chargera sur un écran partagé, avec les éléments de données à droite et votre page Web à gauche. Vous pouvez désormais utiliser votre souris pour mettre en surbrillance des informations sur votre page Web.

Lorsque vous le faites, vous obtiendrez un menu contextuel vous permettant de marquer les données que vous venez de mettre en surbrillance. Dans cet exemple, j'ai mis en surbrillance le titre et je sélectionnerai le nom dans le menu :

Lorsque vous cliquez sur un élément de menu, cette valeur de données est écrite dans cette variable à droite de l'écran. Marquez autant d’informations que possible sur votre page.

S'il y a des informations que vous souhaitez baliser mais qui ne se trouvent pas physiquement sur la page (vous ne pouvez donc pas les mettre en surbrillance), cliquez sur le bouton Ajouter une balise manquante en bas. Vous pouvez ensuite saisir manuellement les données.

Lorsque vous avez terminé de baliser votre page, cliquez sur le bouton Créer HTML, en haut à droite. Sur l'écran suivant, assurez-vous que JSON-LD est sélectionné dans la liste déroulante et votre code JSON-LD valide sera répertorié ci-dessous :

Ce code peut maintenant être inséré dans la page Web.

Il existe différentes manières d'insérer le code dans une page Web. Si vous connaissez le Tag Manager, vous pouvez l'utiliser. Vous pouvez également coller le code directement dans le code HTML de votre page, le tester, puis passer à la page suivante que vous souhaitez baliser.

#3. Test du balisage du schéma

Vous pouvez tester vos données structurées via l'outil de test de données structurées de Google . Lorsque vous arrivez à cette URL, vous avez le choix de tester une URL ou un extrait de code.

Si vous avez déjà saisi les données structurées dans votre page Web, testez l'URL. Votre page sera analysée et les résultats afficheront :

Vous recherchez un bon état de santé. Cela signifie 0 erreur. Chacune de ces entrées dans le tableau des résultats représente un élément différent de
données de structure sur votre page Web.

Selon la façon dont votre site a été construit, vous pouvez déjà avoir des données structurées présentes dans vos pages Web. Si vous utilisez WordPress, WordPress en ajoutera pour vous, tout comme certains plugins.

Vous pouvez cliquer sur l'une de ces entrées pour développer les données structurées. Ainsi, cliquer sur Organisation me montre les données structurées de cette « chose ».

#4. Dépannage avec la console Google

L'ancienne interface (vous pouvez toujours y accéder) de la Google Search Console comporte une section qui peut vous aider avec vos données structurées. Vous trouverez les outils de données structurées dans le menu SearchAppearance.

L'écran des données structurées mettra en évidence tout problème avec les données structurées de votre site.

En cliquant sur les lignes contenant des erreurs, vous ouvrirez une vue plus détaillée. Vous pourrez voir les URL contenant des erreurs de données structurées, ainsi que les erreurs elles-mêmes.

Si vous cliquez sur l'URL, une boîte de dialogue s'ouvre avec plus de détails, ainsi qu'un bouton pour tester les données structurées sur la page en direct :

Vous constaterez peut-être que lorsque vous testez votre page en direct, le schéma se valide correctement. C'est parce qu'il a été corrigé depuis la dernière fois que Google l'a vu. Il restera dans la liste d'erreurs jusqu'à ce que Google ré-analyse la page et trouve le schéma valide en place.

Nous n'avons fait qu'effleurer la surface en termes d'ajout manuel de données structurées à un site Web, mais en ce qui concerne les méthodes manuelles, nous avons tout couvert.

Comme vous l’avez vu, vous devez suivre de nombreuses règles et ces règles peuvent changer sans préavis.

Personnellement, je ne veux pas avoir à vérifier les directives de Schema.org et de Google chaque fois que j'ajoute des données structurées à une page Web. Par conséquent, ma méthode préférée pour ajouter des données structurées consiste à utiliser un plugin WordPress.

Le plugin que j'utilise s'appelle Schema Pro et je veux vous montrer comment cela fonctionne rapidement.

#5. Plugin WordPress Schéma Pro

La principale raison pour laquelle j'aime ce plugin pour les données structurées est qu'il est mis à jour régulièrement.

Lorsque Schema.org est mis à jour, ce plugin est mis à jour. Cela signifie que je peux me concentrer sur des choses plus importantes et laisser le plugin gérer mes besoins en données structurées.

Vous pouvez trouver les détails du plugin ici . Et ici, nous avons une belle réduction WP Schema pour nos lecteurs. Je vais configurer des données structurées à l'aide de ce plugin sur un de mes sites de test.

5.1 Paramètres de Schema Pro

Une fois installé et activé, le plugin ajoute un menu sous le menu des paramètres dans la barre latérale gauche de votre tableau de bord. Je préfère les paramètres Schema Pro à un endroit différent, et vous pouvez le faire dans le menu de configuration :

Tout ce que vous ajoutez ici sera ajouté aux données structurées de vos pages Web. Mes pages auront désormais des valeurs de données structurées pour le logo du site, le type de site et le nom de l'entreprise dans la capture d'écran ci-dessus.

Dans l'onglet Profils sociaux des paramètres, ajoutez toutes les pages de réseaux sociaux que vous avez configurées pour le site.

Dans l'onglet Autres paramètres de schéma, vous pouvez attribuer des données plus structurées :

Encore une fois, toutes ces données que vous saisissez maintenant sont converties en JSON-LD et ajoutées automatiquement à vos pages. Vous pouvez tester le schéma ajouté aux pages en visitant votre site tout en étant connecté à votre tableau de bord.

En cliquant sur ce lien, vous ouvrirez la page Web actuelle dans l'outil de test des données structurées, afin que vous puissiez voir les nouvelles données structurées et confirmer qu'elles sont OK.

5.2 Ajout d'un schéma spécifique

Une fois les paramètres généraux définis, nous pouvons maintenant commencer à ajouter un schéma pour des pages spécifiques. Cliquez sur l'onglet Schéma, puis cliquez sur le bouton Ajouter un nouveau. L'écran qui se charge vous proposera le choix du type de schéma que vous souhaitez créer :

Après avoir cliqué sur le bouton Suivant, il vous sera demandé où sur votre site Web le nouveau schéma doit être intégré :

Dans mon cas, je souhaite que ce schéma soit appliqué à tous les messages. Notez que la dernière entrée, Specific Target, vous permet de sélectionner des publications,
des pages d'archives (balise, catégorie) ou des pages spécifiques.

Par exemple, si vous souhaitez appliquer le schéma à seulement une ou deux publications, vous le pouvez. Vous avez également le pouvoir d'ajouter des règles d'exclusion qui empêchent l'ajout du schéma aux pages en fonction de vos critères.

Vous pouvez ajouter plusieurs règles « d'activation » et « d'exclusion » pour cibler des pages et des sections spécifiques de votre site. Par exemple, vous pouvez configurer le schéma de révision et l'appliquer à tous les articles de la catégorie de révision.

Lorsque vous avez terminé, cliquez sur le bouton Suivant. Vous recevrez la confirmation que votre schéma a été configuré :

Cliquez sur le bouton Terminer la configuration pour accéder à l'écran Modifier le schéma :

Cet écran vous permet de modifier le schéma, y ​​compris les règles d'activation/exclusion si nécessaire. Le schéma est configuré en sélectionnant les options dans les listes déroulantes.

Tout ce qui est sélectionné dans la liste déroulante est utilisé pour créer des données structurées pour chaque publication. Considérez les options dans les listes déroulantes comme des variables, qui changeront pour chaque publication.

Par exemple, si la variable Title est sélectionnée pour la propriété Headline, chaque publication utilisera son titre pour le schéma Headline.

La plupart de ces options seront correctement sélectionnées pour vous, mais vous pouvez modifier ou remplacer les paramètres par défaut. Par exemple, pour le nom de l'éditeur, le plugin a sélectionné le titre du site dans les données structurées (ce qui est logique).

Cliquer sur la liste déroulante me permet de faire une sélection différente si je le souhaite, y compris du texte fixe, où je peux saisir n'importe quel texte de mon choix :

Une autre option utile dans la liste déroulante est Nouveau champ personnalisé. Dans ce cas, vous pouvez choisir la valeur au moment où vous publiez le contenu.

Un bon exemple de ceci est le champ Image qui est essentiel au schéma de l'article. Il est défini par défaut sur Image en vedette, mais si une publication n'a pas d'image en vedette attribuée, cela entraînera une erreur de validation des données structurées.

En changeant l'image en Nouveau champ personnalisé, je pourrai spécifier l'image de chaque publication au moment où je publierai la publication (directement sur l'écran de modification de la publication) :

En sélectionnant une image au moment de la publication, l'erreur d'image sera résolue.

Cependant, il y a encore une autre erreur dans ce rapport d'erreurs. Le logo. Celui-ci est facilement corrigé en attribuant une icône de site dans les paramètres d'identité du site de mon thème.

Ce plugin peut faire bien plus pour vous.

Cependant, je vais en rester là. Si vous décidez d' acheter le plugin WP Schema Pro , vous aurez un accès complet à la documentation du plugin pour vous aider.

Avant de terminer cet article, je voulais mentionner qu'il existe des plugins de données structurées gratuits.

J'ai essayé ceux que j'ai pu trouver et j'ai trouvé des problèmes de fonctionnalités de base avec chacun d'eux.

#6. Ressources de schémas et de données structurées

Il y a beaucoup à apprendre avec les données structurées, et je n'ai pu qu'effleurer la surface dans cet article. C'est quelque chose que je pense que vous devez utiliser en tant que référenceur, alors permettez-moi de terminer en énumérant certaines des ressources les plus importantes.

#7. Conclusion

Alors, utilisez-vous Schema.org ?

Avez-vous vu les améliorations dans les classements ?

Ou peut-être avez-vous besoin d'aide. Je me ferai un plaisir de vous guider. Faites-le moi savoir dans les commentaires ci-dessous.