Guide ultime du schéma pour le référencement

Dans cet article, nous allons examiner le schéma du site Web et son impact sur l'optimisation des moteurs de recherche.

Le schéma du site Web est le code qui aide les moteurs de recherche à fournir des résultats pertinents aux utilisateurs.

Le directeur de la stratégie numérique d'Ignite Visibility, Khalil Kanbar , rassemble quelques exemples de balisage de schéma et plonge dans divers types de schema.org. Apprenez toutes les bases du schéma de site Web en suivant ce guide pour améliorer l'optimisation de votre moteur de recherche grâce à des résultats riches.

Qu'est-ce qu'un schéma de site Web ?

Le schéma du site Web est le code qui aide les moteurs de recherche à fournir des résultats pertinents aux utilisateurs.

Il s'agit d'un type de microdonnées qui les aide à comprendre les principales parties de votre site Web et parfois à utiliser ces données pour remplir des résultats riches dans les SERP.

Trouvé sur Schema.org , il s'agissait d'un effort conjoint de Google, Bing, Yahoo! et Yandex en 2011 pour créer un vocabulaire de données structuré unifié pour le Web. (Cependant, Bing et d'autres moteurs de recherche n'ont pas officiellement déclaré leur prise en charge des implémentations JSON-LD de Schema.org).

En utilisant schema.org, nous pouvons trouver une grande variété de balises différentes que nous pouvons ajouter pour améliorer un site Web.

L'avantage du schéma de site Web repose sur les SERP en constante évolution de Google et d'autres moteurs de recherche. Non seulement Google modifie régulièrement son algorithme, mais il teste également de nouveaux éléments de conception.

Lorsque vous tapez le nom d'une personne, une entreprise ou même une question, vous pouvez voir une fenêtre contextuelle SERP non HTML ou même certaines SERP HTML ont même ajouté des fonctionnalités telles que des critiques, des prix et des fils d'Ariane.

Bien que toutes les balises de schéma ne produisent pas encore un résultat riche, il est recommandé d'être en avance sur le jeu lorsqu'elles décident de déployer une nouvelle fonctionnalité.

Notez également que le fait d'avoir un schéma de site Web ne garantit pas un résultat riche et qu'il n'y a aucune preuve que le schéma améliorera les classements. J'ai en fait vu le schéma avoir un impact négatif sur les classements et le CTR dans le passé.

L'avantage du schéma est de prendre plus d'espace de vente sur la première page. Si l'ajout d'un schéma peut créer un résultat riche en FAQ, un résultat riche en champ de recherche et même des liens annexes, vous occupez désormais une grande partie de la première page.

Bien sûr, Google comprend que cela peut être très compétitif et peut fixer des limites aux résultats riches. Un exemple de cela est en 2019 lorsque Google a limité 3 extraits enrichis de page FAQ par page.

Lorsque vous commencez à utiliser un schéma, la première étape consiste à déterminer le type de schéma que vous souhaitez utiliser.

Qu'est-ce qu'un schéma de site Web ?

Types d'organisation de schéma

Il existe trois types d'organisation de schéma courants.

Il s'agit de JSON-LD, de microdonnées et de RDFa. Nous nous concentrerons principalement sur JSON-LD et les microdonnées, car RDFa est une extension de HTML5 et n'est pas très différent des microdonnées (ils sont généralement mélangés).

Lorsque vous choisissez un style, je vous recommande d'en choisir un et de vous y tenir tout au long de votre page Web. Je recommande également de ne pas utiliser les deux types sur la même page. Cela peut devenir difficile lorsque vous ajoutez plusieurs balises de schéma sur un site Web et peut être difficile à diagnostiquer.

JSON-LD est ce que Google recommande dans la mesure du possible et Google est en train d'ajouter la prise en charge des fonctionnalités alimentées par le balisage. JSON-LD peut être implémenté dans l'en-tête de votre contenu et peut prendre très peu de temps à implémenter.

L'autre option est les microdonnées, qui impliquent de coder des éléments dans votre site Web. Cela peut être un processus difficile pour une raison étrange, c'est pourquoi je ne le préfère pas. Vous trouverez ci-dessous les définitions de base des types d'organisation de schéma.

JSON-LD par rapport au schéma de microdonnées

JSON-LD

JSON-LD est désormais la méthode préférée de balisage de schéma, et Google prend en charge davantage de types de schéma de site Web avec ce langage de balisage.

JSON-LD est généralement ajouté dans l'en-tête du site Web, contrairement aux microdonnées qui sont ajoutées dans les éléments du corps. Vous pouvez toujours implémenter JSON-LD dans le corps, mais assurez-vous de ne pas essayer de baliser des éléments individuels comme vous le feriez avec des microdonnées. La méthode préférée de Google se trouve dans l'en-tête de la page.

JSON-LD a été créé pour faciliter la mise en œuvre du balisage de schéma dans le code sans avoir à baliser chaque élément HTML individuel, comme le font les microdonnées.

L'objectif avec JSON-LD est d'annoter ce qui se trouve sur une page Web à l'aide de tableaux multidimensionnels. Cela signifie que lorsque vous ajoutez un balisage de schéma JSON-LD sur votre site Web, assurez-vous que le contenu existe réellement dans la page HTML.

CONNEXION: JSON-LD SEO, qu'est-ce que Jason-LD et son impact sur le référencement

Microdonnées

Les microdonnées sont des balises lisibles par machine qui sont annotées sur des éléments HTML. En ajoutant un type d'élément, qui est le contenu de votre page, vous commencez à marquer différentes zones de texte HTML pour prendre en charge le schéma du site Web.

Identification et recherche de schéma de site Web

La recherche de schéma peut être effectuée de plusieurs manières.

Le moyen le plus simple de vérifier consiste à utiliser l'outil de données structurées de Google . Ici, vous pouvez explorer une page Web ou entrer le code source et il vous indiquera quel schéma est implémenté sur le site Web, s'il provoque des erreurs et s'il y a des avertissements.

Bien sûr, pour les sites Web multipages, cela peut être une tâche difficile. Vous pouvez également utiliser des outils tels que ScreamingFrog pour trouver le balisage de schéma dans les pages. Avant d'exécuter une analyse, ouvrez la configuration -> araignée -> et regardez sous extraction. Assurez-vous de vérifier JSON-LD, les microdonnées et RDFa.

Si vous remarquez qu'un client obtient des résultats riches, mais que vous ne parvenez pas à localiser les balises via le code source ou les outils mentionnés ci-dessus, consultez son gestionnaire de balises Google. Lors de l'ajout dynamique d'un schéma à un site Web à l'aide de GTM, il se peut qu'il n'apparaisse sur aucun de ces outils.

Exemples courants de balisage de schéma :

Il existe de nombreuses utilisations connues du schéma de site Web.

Vous trouverez ci-dessous les principaux éléments de schéma utilisés à des fins de référencement. Bien sûr, il y a un certain nombre de choses que vous pouvez ajouter et supprimer. Assurez-vous de vérifier schema.org pour les différents éléments qui peuvent être insérés.

Organisme

Le schéma d'organisation est une nécessité lorsqu'il s'agit de clients.

Les éléments de base de cette balise sont le nom de l'entreprise, le logo et l'URL du site Web. Mais vous pouvez aller plus loin en ajoutant des liens vers les réseaux sociaux, les heures d'ouverture, les jours d'ouverture, le nombre d'employés, la description et bien plus encore. Bien que n'étant pas une nécessité, le schéma d'organisation peut aider à combler les lacunes en ce qui concerne le panel de connaissances d'une entreprise.

** Assurez-vous de ne pas avoir ce schéma sur toutes les pages. Ce schéma ne doit être implémenté que sur la page d'accueil OU sur la page à propos de nous .**

Exemple de balisage de schéma : schéma d'organisation

Boîte de recherche de liens annexes (site Web)

Le schéma Sitelink Searchbox, AKA Website Schema, est un petit extrait qui vous permet d'ajouter le nom du site Web, l'URL du site Web, le logo du site Web et une URL à la zone de recherche. Cet exemple de balisage de schéma produira un résultat riche sur une recherche de marque.

Boîte de recherche de liens annexes ou schéma de site Web

Fil d'ArianeListe

BreadcrumbList peut être ajouté sur toutes les pages.

Cela permet aux robots de savoir sur quelle page ils se trouvent et quelle était la structure pour y arriver. Si vous souhaitez ajouter sur toutes les pages, il peut être préférable de le faire via un plugin de schéma ou en utilisant des microdonnées sur un modèle de liste de fils d'Ariane sur la page (voir la section Mise en œuvre).

BreadcrubList : exemple de balisage de schéma commun

Page FAQ

Si votre page ou votre blog pose des questions fréquemment posées et y répond, cet exemple de balisage de schéma peut être ajouté à cette page. Le cas typique connu pour le schéma FAQpage doit être utilisé sur une section FAQ du site Web.

Un autre exemple de balisage de schéma consisterait à utiliser le schéma FAQpage dans les blogs. L'ajout d'une section de questions/réponses au blog peut améliorer le classement du blog et en utilisant ce schéma, vous pouvez désormais prendre plus d'espace de vente au détail dans les SERP. Vous pouvez également l'utiliser sur les PLP si vous utilisez des en-têtes comme question et répondez à la question dans le contenu.

Schéma de la page FAQ

Comment

Le schéma How-To peut être utilisé sur des pages qui indiquent à l'utilisateur des instructions sur l'utilisation d'un produit ou d'une fonctionnalité. Des exemples courants sont les guides d'installation et les configurations de produits.

Questions et réponses

À ne pas confondre avec le schéma FAQpage, le schéma Q&A doit être utilisé lorsqu'un utilisateur pose une question sur une page et que les utilisateurs ont la possibilité d'y répondre. La différence entre ce schéma et le schéma de la page FAQ est que l'utilisateur répond aux questions sur un forum ouvert et que la réponse n'est pas fournie par le site Web lui-même.

Balisage du schéma de questions et réponses

Article

Cela peut être utilisé sur chaque page de blog d'un site Web. Vous pouvez marquer quand le blog a été publié, qui en était l'auteur, quelle est l'image et même le contenu du corps. Cela peut éventuellement remplir des résultats riches pour les articles.

Produit

Cela devrait être utilisé sur chaque page de produit d'un site Web. Vous pouvez ajouter des propriétés telles que le prix, la note, en stock ou en rupture de stock, la couleur, etc. Il s'agit d'un résultat riche commun que vous verrez lors de vos achats en ligne.

Schéma du produit

Examen

Le schéma de révision peut être utilisé dans le schéma de produit pour des produits individuels. Si vous avez une évaluation d'un site Web ou de tout autre type d'évaluation, vous pouvez toujours utiliser le schéma d'évaluation de manière autonome. Cet exemple de balisage de schéma courant générera un résultat riche en avis dans le SERP HTML.

Exemple de balisage de schéma : Réviser le schéma

Page web

Cela peut être ajouté à chaque page d'un site Web. Les propriétés possibles sont la date de publication, le logo, l'image, le fil d'Ariane, etc.

Vidéo

Le schéma vidéo peut être ajouté sur une page contenant une vidéo. Vous pouvez l'utiliser pour afficher la source de la vidéo, les horodatages dans la vidéo, le titre de la vidéo et la description de la vidéo.

Exemple de balisage de schéma : vidéo

Entreprise locale

Pour les entreprises locales ou les entreprises qui ont des entités locales, ce schéma est indispensable pour ajouter différentes heures d'ouverture, emplacement, nom, etc.

Et plus…

Bien qu'il s'agisse des principales utilisations courantes des schémas, il en existe d'autres conçues pour vos besoins.

Des exemples d'autres schémas que j'ai vus utilisés sont pour les gymnases, les restaurants, les aéroports, les personnes, les recettes, les offres d'emploi et les événements. Si vous ne savez pas si votre page est éligible pour un schéma, utilisez schema.org pour rechercher le type de produit/page Web que vous créez.

Mise en œuvre

La mise en œuvre est la partie la plus difficile du balisage Schema.

Si vous utilisez JSON-LD, vous avez de la chance. Collez simplement ce mauvais garçon dans l'en-tête de la page et vous êtes prêt à rouler ! Si vous utilisez des microdonnées, assurez-vous d'identifier le type d'élément et la portée de l'élément de la page et testez, testez, testez.

Il existe deux outils pour tester votre code avant et après l'ajout d'un schéma à un site Web :

https://search.google.com/structured-data/testing-tool/u/0/

https://search.google.com/test/rich-results

Ces outils vous diront s'il y a des erreurs, s'il y a des avertissements et s'ils produiront des résultats riches.

Assurez-vous également de vérifier Google Search Console pour les problèmes de schéma. Lors de l'ajout de fonctionnalités de schéma, vous pouvez voir une nouvelle section dans la Search Console désignée pour le schéma que vous avez ajouté. Toute erreur dans la Search Console éliminera votre résultat enrichi pour cette SERP.

Vous n'avez pas accès à leur CMS ? Si nécessaire, le schéma JSON-LD peut être implémenté via Google Tag Manager. Google ne préfère pas cette méthode, mais cela peut fonctionner. Le seul inconvénient est que parfois cela ne s'affichera pas dans le code source et les outils ci-dessus.

Implémentation dynamique et automatisation

Si vous souhaitez utiliser le schéma sur des centaines de pages, les ajouter manuellement n'est peut-être pas la meilleure option. Il existe plusieurs façons de générer dynamiquement un schéma sur un site Web.

Une bonne option consiste à le créer dans un modèle de page Web. Si vous savez que chaque page de produit contient une section FAQ en bas, utilisez les microdonnées sur la page de modèle pour générer ce code automatiquement. De cette façon, vous n'avez pas à vous soucier d'ajouter le code chaque fois que vous créez une nouvelle page.

Vous pouvez également le faire en modifiant d'autres éléments du site Web, tels que des listes de fils d'Ariane. Si vous avez un client de commerce électronique, il y a de fortes chances qu'il ait un plugin pour afficher dynamiquement le fil d'Ariane. L'ajout de microdonnées au plug-in peut aider à générer le schéma BreadCrumb List sur chaque page.

Google Tag Manager est également une possibilité de générer dynamiquement un schéma sur un grand nombre de pages. En 2016, nous avons découvert cette méthode et elle était généralement utilisée sur les pages de produits et les blogs. Voir le guide complet sur la façon de le créer ici. Notez que Google ne préfère pas cette méthode.

Plugins WordPress… Oui, il existe de nombreux plugins sur WordPress qui créent des balises dynamiques pour le schéma de produit, la liste BreadCrumb, etc.

Les plus courants sont All In One Schema et Schema Pro. Soyez TRÈS PRUDENT lorsque vous utilisez ces plugins. J'ai vu d'innombrables erreurs créées via ces plugins, alors assurez-vous d'exécuter des tests.

Si le schéma génère une erreur (même juste 1), il est fondamentalement inutile et vous ne recevrez aucun résultat riche de cette balise. Une mauvaise implémentation de ce schéma peut également nuire au site Web en ajoutant le mauvais schéma aux mauvaises pages. Cela peut être très déroutant pour Google et éventuellement entraîner une perte de classement.

Ressources sur le schéma

Commencer à utiliser le schéma peut être difficile. Surtout quand il s'agit de construire le code. Heureusement, il existe des sites Web qui peuvent les créer automatiquement pour vous et vous aider à démarrer.

https://technicalseo.com/tools/schema-markup-generator/ – Développé par Merkle, ce site Web est une option plug and chug pour le code de schéma commun. Copiez et collez simplement ce dont vous avez besoin sur le site Web et il produira le code pour vous.

https://developers.google.com/ – Vous recherchez un schéma particulier ? Il y a de fortes chances que ce soit sur le site Dev de Google. Recherchez sur leur site Web et voyez ce que vous pouvez trouver, la plupart du temps, ils vous fourniront également une structure de base (et fonctionnelle) pour JSON-LD et les microdonnées.

Schema.org - C'est là que tout a commencé. Consultez ce site Web pour voir quelles propriétés vous pouvez utiliser pour différents types de schéma. Ce site Web est très déroutant, mais aussi votre meilleure ressource pour disséquer une mauvaise erreur de schéma.

Envelopper

Le plus grand avantage du schéma de site Web est de prendre autant d'espace que possible sur la première page d'un moteur de recherche.

Alors que Google continue de modifier régulièrement son algorithme, différentes opportunités de nouveaux éléments de conception continueront d'apparaître. Assurez-vous de rester au courant des divers exemples d'exemples de balisage de schéma de site Web pour rester au sommet des résultats de recherche Google.