Comment utiliser Schema Markup et Rich Snippets pour aider votre référencement

Vous êtes-vous déjà demandé comment certains sites Web avaient des étoiles dans leurs résultats de recherche ou comment certains avaient une liste déroulante de FAQ sous eux ? Cela est dû à quelque chose appelé balisage de schéma. Cet article couvrira ce qu'est le balisage de schéma et ses nombreux avantages pour le référencement sur votre site Web.

Qu'est-ce que le Schema Markup ?

Le balisage de schéma est un type de code également connu sous le nom de données structurées, et nous pouvons utiliser les deux termes de manière interchangeable ici.

Les différents moteurs de recherche ont créé Schema.org pour aider les propriétaires de sites Web et les référenceurs à offrir des expériences plus riches à partir des résultats de recherche. En utilisant des données structurées, vous pouvez fournir aux moteurs de recherche des informations supplémentaires pour mieux comprendre le contenu et le présenter de différentes manières dans les résultats de recherche.

Lorsque vous considérez la quantité de données que Google doit traiter, les données structurées clarifient explicitement les informations que vous souhaitez transmettre. Il peut s'agir du temps de cuisson de votre recette, du coût d'achat de votre produit le plus vendu ou de la tranche salariale de votre dernier poste vacant.

Les résultats de recherche organiques ne sont plus uniquement composés des dix liens bleus sur une page. Il existe de nombreux types de données structurées que vous pouvez utiliser, mais il convient de noter que toutes ne peuvent pas conduire à des résultats riches. N'ajoutez pas simplement un schéma à vos pages simplement parce que vous le pouvez ; les pages doivent être pertinentes ; sinon, Google pourrait considérer ce schéma comme un spam, et il pourrait avoir l'effet inverse de ce que vous souhaitiez.

Démarquez-vous avec des résultats riches

Si vous avez déjà entendu quelqu'un faire référence à la position zéro, ce sera un résultat riche ou un autre exemple de données structurées. Ils apparaissent généralement au-dessus du premier résultat organique - ou au-dessus du premier lien bleu. Les deux ne s'excluent pas non plus, ce qui signifie que vous pourriez avoir une liste organique (bleue) en plus de votre extrait enrichi.

Les résultats enrichis sont tout résultat de recherche visuellement amélioré avec des informations alimentées par des données structurées pertinentes. Les résultats riches mettent en évidence les détails essentiels dans les résultats de recherche et peuvent souvent inclure des images, ce qui prend plus de place dans le SERP (page de résultats du moteur de recherche).

Les extraits enrichis n'apparaissent que pour les pages contenant certains types d'informations, et ils peuvent être limités par type d'appareil. Par exemple, les extraits enrichis "comment faire" ne s'affichent que sur les appareils mobiles.

Ils se présentent également sous de nombreuses formes, comme vous pouvez le voir dans l'exemple d'ordinateur portable Dell ci-dessous :

Les deux résultats mis en évidence utilisent le schéma de produit pour aider à établir la confiance avec l'acheteur et afficher les évaluations aux utilisateurs. Nous pouvons voir que l'exemple Dell.com utilise ce schéma à son plein potentiel en utilisant également des attributs supplémentaires pour afficher les fourchettes de prix et les niveaux de stock.

[Étude de cas] Améliorer les classements, les visites organiques et les ventes grâce à l'analyse des fichiers journaux

Début 2017, l'équipe de TutorFair.com a fait appel aux services SEO d'Omi Sido pour les aider. Leur site Web avait du mal avec les classements et les visites organiques.

Lire l'étude de cas

Types de balisage de schéma disponibles

Voici quelques-uns des exemples les plus courants de balisage de schéma, y ​​compris certains pour des sites Web plus spécialisés :

Le schéma de recette est sans doute le type de balisage le plus largement utilisé. Avec cela, vous devenez éligible pour des résultats riches et significatifs. Le balisage de recette peut afficher une image du repas, des notes, des temps de cuisson, des instructions et plus encore. La mise en œuvre du schéma de recette augmentera également vos chances d'apparaître dans le carrousel de recettes mobile, augmentant considérablement votre trafic de recherche. Le schéma de recette peut également aider votre recette à apparaître dans les requêtes de recherche vocale !
Documentation du schéma de recette.

Le schéma d'article est couramment utilisé pour les articles d'actualité, de médias et de divertissement et est largement utilisé pour de nombreux autres types d'articles. Utilisez ce balisage pour inclure des données structurées sur l'auteur, le titre de l'article, l'image en vedette, la date de publication et plus encore.
Documentation du schéma d'article.

Le schéma pratique est, bien sûr, idéal pour le contenu qui comprend des instructions étape par étape. Selon la façon dont vous le balisez, il apparaîtra sous forme d'accordéon ou de carrousel. Il prend beaucoup de place dans les SERP et peut être très utile, ce qui vous rend éligible pour les résultats de Google Assistant.
Documentation de schéma pratique.

Le schéma du livre est, bien sûr, utile aux auteurs et aux éditeurs. En plus de fournir des informations telles que l'auteur, les notes et l'édition, ce balisage peut également entraîner un appel à l'action "Get Book", afin que les gens achètent votre livre directement à partir du SERP.
Livrez la documentation du schéma.

Le schéma FAQ affiche les questions et leurs réponses correspondantes sur un sujet particulier directement dans les résultats de recherche. Ce balisage de FAQ vous rend éligible à Google Assistant et s'affiche généralement dans un style accordéon pour aider votre site Web à se présenter aux bons utilisateurs.
Documentation du schéma FAQ.

Le schéma vidéo maximise la présence de votre vidéo dans la recherche. Vous pouvez ajouter des détails tels que la description de la vidéo, la vignette, la durée de la vidéo, etc. vous pouvez également apparaître dans des carrousels vidéo ainsi qu'un badge vidéo pour les résultats mobiles.
Documentation du schéma vidéo.

Le schéma de cours peut être utilisé par les prestataires de formation, les prestataires de cours et ceux qui proposent un cours en ligne. Ce schéma signifie que Google peut mettre en évidence le nom du cours, l'organisation qui le propose, ainsi qu'une brève description du cours lui-même.
Documentation du schéma de cours.

Nous avons déjà abordé le schéma de produit, et si vous êtes une entreprise de commerce électronique ou si vous avez des pages de produits sur votre site, assurez-vous de tirer parti de ce balisage de schéma. Vos produits contiennent tellement d'informations précieuses que vous pouvez marquer pour les aider à se démarquer dans les SERP, y compris les images, la description, le SKU, la marque, les avis, le prix, l'état, la disponibilité et le prix de vente.
Documentation du schéma du produit.

Le schéma d'événement est un excellent moyen d'attirer l'attention sur votre événement à venir. Vous pouvez partager la date, l'heure, le lieu et d'autres informations supplémentaires dans le cadre de ces données structurées.
Documentation du schéma d'événement.

Le schéma Critic Review fournit un extrait d'un examen plus complet ainsi que le nom de l'examinateur, la note, le nom et le logo de l'éditeur, un excellent moyen d'attirer davantage l'attention dans le SERP.
Documentation sur les schémas d'examen critique.

Le schéma de la zone de recherche des liens annexes est un moyen rapide pour les internautes de rechercher immédiatement votre site Web sur le SERP. Il peut également afficher des suggestions en temps réel pour les clients.
Documentation du champ de recherche des liens annexes

Le schéma de publication d'emploi occupe une grande partie de l'immobilier dans les SERP et contient de nombreuses informations pour les demandeurs d'emploi. Ce schéma montrera votre logo, le nom de l'entreprise, le poste offert, la date à laquelle vous avez publié le poste et s'il s'agit ou non d'un poste à temps plein. Si vous utilisez cette fonction, assurez-vous de garder les informations à jour.
Documentation du schéma d'affichage des offres d'emploi.

Le schéma Breadcrumb vous permet d'afficher la hiérarchie de votre page plutôt que votre URL dans le résultat de la recherche. Il peut s'agir d'un moyen descriptif et plus simple d'expliquer où ils naviguent et à quoi s'attendre. Les fils d'Ariane doivent être actifs sur votre site Web pour utiliser ce schéma.
Documentation du schéma de fil d'Ariane.

Le schéma logiciel convient aux personnes disposant d'une application ou d'un produit logiciel, notamment un jeu de console, etc. Les informations sont similaires au schéma du produit et peuvent afficher une image, des notes globales et un prix correct.
Documentation du schéma logiciel.

Google peut également utiliser le schéma de contact d'entreprise dans un Knowledge Graph. Vous devez inclure vos informations de contact, toutes les filiales et des informations descriptives. Si votre site Web est une entreprise publique, il serait également bon d'inclure des liens vers votre liste Bloomberg.
Documentation du schéma de contact d'entreprise.

Le schéma de révision est la façon dont vous pouvez ajouter le nombre d'étoiles à vos pages Web, comme indiqué précédemment. Les données structurées d'avis peuvent afficher les étoiles de notation, le nombre d'avis et un extrait du contenu et sont couramment utilisées sur les entreprises locales, les films, les livres, la musique et les produits.
Consultez la documentation du schéma.

Vous ne devez utiliser le schéma de la page Q&R que si votre site Web a un format Q&R ou un autre forum ou échange public - à ne pas confondre avec le schéma FAQ que nous avons mentionné précédemment. La meilleure réponse peut être marquée "meilleure réponse" directement dans les résultats de recherche.
Documentation du schéma de la page Q&A.

Vous devez utiliser le schéma d'entreprise locale en plus de votre fiche Google My Business pour bénéficier de tous les avantages. Vous pouvez également utiliser les heures d'ouverture et des actions spécifiques comme "Prendre un rendez-vous".
Documentation du schéma d'entreprise local.

Le schéma des meilleurs endroits ne fonctionne vraiment que pour les "éditeurs faisant autorité", mais c'est parfait si vous écrivez des articles sur des endroits comme les meilleurs restaurants ou les meilleures attractions. Nous l'avons utilisé dans l'exemple "Top Sights in Manchester" que nous avons utilisé plus tôt.
Documentation sur les schémas des meilleurs endroits.

Le schéma de logo augmente les chances qu'un Knowledge Graph apparaisse pour votre marque. Pour être éligible, assurez-vous d'avoir une version de bonne qualité de votre logo à afficher et des informations « À propos » pour l'entreprise.
Documentation du schéma de logo.

Le schéma de profil social ajoute des liens vers vos profils de médias sociaux tels que Facebook, Twitter, etc., au Knowledge Graph. Google n'affichera que les plateformes de réseaux sociaux suivantes : Facebook, Twitter, Google+, Instagram, YouTube, LinkedIn, Myspace, Pinterest, SoundCloud et Tumblr.
Documentation du schéma de profil social.

Avantages de l'ajout de Schema Markup à votre site Web

Les extraits enrichis et le schéma ne sont pas un facteur de classement. Cependant, ils sont visuellement plus attrayants et peuvent attirer plus de clics, ayant ainsi un CTR plus élevé que les résultats réguliers. De plus, en raison de l'augmentation de l'espace qu'ils occupent dans les SERP, ils conduisent à une plus grande notoriété pour vous et votre marque, ajoutant au nombre croissant d'avantages du balisage de schéma.

Comment générer un balisage de schéma

L'une de mes méthodes préférées pour générer du balisage de schéma est cet outil de technicalseo.com, qui vous permet de sélectionner facilement le type de données dont vous avez besoin et de le remplir avec vos informations.

L'implémentation du schéma fonctionne en 3 étapes :

1. Générer le balisage,
2. Testez que votre code fonctionne,
3. Mettez en œuvre le balisage sur votre site Web.

La bonne nouvelle est qu'il est relativement rapide de générer le balisage et de le déployer sur votre site Web, quel que soit le CMS utilisé et la manière dont il est construit. L'exemple suivant utilise le format JSON-LD, recommandé par Google ; d'autres formes incluent les microdonnées et RDFa.

Nous examinerons le schéma FAQ à titre d'exemple ici :

 <type de script="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Page FAQ",
  "Entité principale": [{
    "@type": "Question",
    "name": "Qu'est-ce que le balisage Schema ?",
    "réponse acceptée": {
      "@type": "Répondre",
      "text": "Le balisage de schéma est un type de code également connu sous le nom de données structurées qui a été conçu pour offrir une expérience plus riche aux utilisateurs à partir des résultats de recherche. En utilisant des données structurées, vous pouvez fournir aux moteurs de recherche des informations supplémentaires sur votre contenu afin qu'ils puissent mieux comprendre le contenu et le présenter de différentes manières dans les résultats de recherche."
    }
  },{
    "@type": "Question",
    "name": "Pourquoi devrais-je utiliser le balisage Schema ?",
    "réponse acceptée": {
      "@type": "Répondre",
      "text": "Les extraits enrichis sont visuellement plus attrayants que les résultats de recherche typiques et peuvent attirer un plus grand nombre de clics, ayant ainsi un CTR plus élevé que les résultats réguliers. De plus, en raison de l'augmentation de l'espace qu'ils occupent dans les SERP, ils conduisent à une plus grande notoriété pour vous et votre marque."
    }
  }]
}
</script>

À partir de là, il est préférable de tester votre code avant de l'ajouter à votre site Web. Alors que des outils comme celui que nous avons utilisé ci-dessus sont généralement sans erreur, il est toujours préférable de revérifier. Vous pouvez utiliser deux outils pour cela : le Schema Markup Validator (qui remplace l'outil de test de données structurées de Google) et le test de résultats enrichis de Google.

À l'aide du code que nous avons créé précédemment, collez ce code dans le test des résultats enrichis. On voit tout de suite que le code est ok car le message dit "La page est éligible pour des résultats riches". Le mot éligible est utilisé car les résultats enrichis ne sont pas garantis.

En exécutant le code via le Schema Markup Validator, nous constatons que le schéma est correctement généré et qu'il n'y a pas d'avertissements ni d'erreurs dans le code.

Comment ajouter un balisage de schéma

Vous pouvez ajouter votre balisage de schéma généré à votre site Web de plusieurs manières. Le moyen le plus simple d'ajouter le schéma consiste à l'insérer dans le code HTML de votre site Web (vous devrez peut-être demander de l'aide à votre développeur), mais vous pouvez également ajouter votre schéma via Tag Manager si nécessaire.

Alternativement, si vous avez un site Web WordPress, vous pouvez utiliser un plugin tel que Yoast ou RankMath pour sélectionner parmi les types de schémas les plus populaires pour les ajouter à un élément de contenu. Sinon, il existe de nombreux plugins WordPress spécialisés qui vous aideront à ajouter plus de types de schémas.

Comment trouver des erreurs et des opportunités dans votre balisage

La meilleure façon de surveiller vos pages de schéma balisées est via Google Search Console, dans la section Améliorations. Une fois que votre schéma est sur votre site Web et a été exploré et récupéré par Google, vous devriez voir les données commencer à se remplir ici.

Si tout va bien, si vous avez validé votre code, vous devriez voir quelque chose de similaire à ce qui suit, montrant qu'il n'y a aucun problème avec votre schéma.

En cas de problème, GSC vous aidera à comprendre les problèmes et vous fournira des exemples d'URL concernées. Une fois que vous avez apporté les modifications et que vous les avez redéployées sur votre site Web, vous pouvez cliquer sur "Valider le correctif", demandant à Google de vérifier à nouveau le problème.

Avec Oncrawl, vous pouvez également trouver le nombre de pages de votre site Web qui contiennent des données structurées ainsi que le nombre moyen d'éléments de données structurées par page. Vous pouvez le faire depuis le Crawl Report en naviguant dans « Balises HTML », puis « Données structurées » ; c'est ici que vous trouverez l'analyse des données structurées. Utilisez-le pour voir où vous devez améliorer votre balisage de schéma et quels éléments peuvent manquer.

Conclusion

L'ajout de balisage à vos pages vous aide à vous démarquer dans les SERP et à augmenter votre retour sur investissement.

Après tout, sur quel résultat êtes-vous le plus susceptible de cliquer, ce lien sans schéma :

Ou l'un de ces résultats qui utilisent le schéma et s'affichent sous forme de résultats enrichis :