bloggerselite logo

Comment ajouter des Rich Snippets à WordPress – Guide du débutant

Rich Snippets à WordPress

Que sont les Rich Snippets à WordPress et à quoi servent-ils ? Ce sont des questions que de nombreux utilisateurs se posent ? Voici un article détaillé qui expose tout sur ce que vous devez savoir.

Vous avez déjà vu ces étoiles et ces extraits de texte accrocheurs dans Google et vous vous êtes demandé “comment faire pour que mon site web se démarque de la sorte ?”.

Ces “extras” sont appelés “Rich Snippets”. Et il est étonnamment facile d’utiliser les Rich Snippets de WordPress – vous devez juste faire un peu de travail pour donner à Google et aux autres moteurs de recherche les informations dont ils ont besoin.

Dans cet article, nous allons vous expliquer comment ajouter des rich snippets sur WordPress. Pour ce faire, vous allez apprendre un certain nombre de choses :

  • Ce qu’est le balisage schéma et comment il fonctionne en coulisses pour obtenir des Rich Snippets
  • Les différents types de rich snippets (et comment ils sont liés aux balises schéma)
  • Comment, étape par étape, vous pouvez ajouter les balises schéma et les Rich Snippets à votre site WordPress.

C’est parti pour que vous puissiez avoir vos rich snippets en un rien de temps !

Qu’est-ce qu’un Rich Snippets (Rich Cards) ?

Ok, cette section va utiliser trois termes différents, mais interconnectés :

  • Les Rich Snippets
  • Données structurées
  • Balisage Schema

Je sais que vous n’êtes peut-être pas un technicien, alors je vais m’efforcer de rester accessible aux débutants. Mais il est utile de savoir ce qui se passe sous le capot, pour ainsi dire.

Commençons par le terme que vous connaissez : les Rich Snippets. Les extraits enrichis, également appelés résultats enrichis, sont les ajouts que les internautes voient dans Google et d’autres moteurs de recherche.

Ils se présentent sous de nombreux formats différents, que j’aborderai dans la section suivante. Mais voici quelques-uns des extraits enrichis les plus courants :

  • Étoiles d’évaluation d’un article
  • Informations sur la recette
  • Prix
  • Spécifications du produit
Rich Snippets à WordPress

Pour vous fournir des extraits enrichis, les moteurs de recherche s’appuient sur ce que l’on appelle des données structurées. Les données structurées sont un type de code en coulisses que vous pouvez utiliser pour communiquer avec les moteurs de recherche.

Le balisage Schema est un type spécifique de données structurées. Mais si vous n’êtes pas un technicien, il est plus simple de considérer que les balises de schéma et les données structurées sont exactement la même chose. À partir de maintenant, nous l’appellerons exclusivement balisage schéma.

Les visiteurs humains ne voient jamais les balises de schéma, mais les moteurs de recherche les utilisent pour mieux comprendre le contexte de votre site. Par exemple, le balisage schéma indique aux moteurs de recherche : “ce chiffre est le temps de cuisson de la recette”, mais “cet autre chiffre est le temps de préparation”.

Les moteurs de recherche prennent alors ce contexte supplémentaire et l’utilisent pour donner à votre site des extraits enrichis (rich snippets).

Pour résumer :

  • Le balisage Schema donne aux moteurs de recherche plus de contexte sur votre contenu
  • Les moteurs de recherche utilisent les informations contenues dans les balises de schéma pour fournir à votre site des extraits enrichis (rich snippets).
  • Les humains voient les rich snippets, mais pas les balises de schéma.

Quels sont les avantages des snippets enrichis ?

L’utilisation des rich snippets présente de nombreux avantages. Le principal est qu’ils améliorent votre référencement.

Google préférant les contenus conformes à ses formats de recherche, vous apparaitrez plus haut dans les résultats de recherche. Les critiques de films, par exemple, ont beaucoup plus de chances d’apparaître plus haut dans les pages de résultats de recherche si elles utilisent l’extrait enrichi de film. Il en va de même pour d’autres types de contenu.

L’autre raison majeure d’utiliser les snippets est qu’ils permettent d’attirer des publics nouveaux et différents.

Certaines personnes sont attirées par les vidéos, tandis que d’autres aiment les questions et réponses courtes. Normalement, un visiteur doit se rendre sur votre site pour voir exactement à quoi ressemblera le contenu.

Avec les rich snippets, cependant, vous pouvez donner un bel aperçu directement sur la page des résultats de recherche. Vous augmentez ainsi la probabilité qu’un visiteur clique sur le lien et vienne sur votre page.

Combien y a-t-il de rich snippets différents ?

Passons en revue chacun d’entre eux individuellement ! Nous apprendrons à quoi servent les données structurées et nous vous montrerons des exemples de chaque type.

  1. Article
  2. Livre
  3. Fil d’Ariane
  4. Carrousel
  5. Jeu de données
  6. Cours
  7. EmployerAggregateRating
  8. Notation globale de l’employeur
  9. Evénement
  10. Fact Check
  11. FAQ

et il y en a encore plus a dire ci-dessous…

Article

article rich snippet

Un article est un article d’actualité provenant d’un site web de médias, d’un site sportif ou d’un blog. Ces articles sont affichés sous le carrousel “Top stories” et présentent des résultats de recherche au contenu riche, y compris le texte du titre et des images miniatures plus grandes.

Livre

book rich snippet example

Les livres contiennent des informations de base sur l’ouvrage, notamment la date de publication et l’éditeur. Ils permettent également aux internautes d’acheter un livre directement à partir de la page de résultats.

Fil d’Ariane

Les fils d’Ariane sont ces petits liens de navigation qui indiquent où se trouve la page liée par rapport à l’ensemble du site. Par exemple, Accueil > Blog > Cet article.

Carrousel

carrousel rich snippet example

Les carrousels sont un élément de conception qui affiche le contenu dans une liste ou une galerie. Comme il s’agit d’un style de conception et non d’un contenu, pour utiliser cette fonctionnalité, vous devez la combiner avec l’un des éléments suivants : Recette, Cours, Restaurant ou Film.

Cours

cours rich snippet

Cette fonctionnalité est destinée aux cours éducatifs. Les cours apparaissent dans une liste fournie par vous et peuvent inclure des détails tels que le titre, l’organisme de formation et une brève description de l’objet du cours.


Base de données

dataset - Comment ajouter des Rich Snippets à WordPress

Un ensemble de données est une grande quantité d’informations organisées, telles que des bulletins météorologiques.

EmployerAggregateRating

employeraggregaterating rich snippet - Comment ajouter des Rich Snippets à WordPress

Il s’agit d’un ensemble d’évaluations ou de critiques d’une entreprise par ses employés. Il est affiché dans les résultats de la page de recherche d’emploi de Google.

Événement

Événement rich snippet - Comment ajouter des Rich Snippets à WordPress

Il s’agit d’un événement, tel qu’un concert ou un festival d’art, qui se déroule à un moment et dans un lieu donnés.

Vérification des faits

fact check rich snippet example

Une vérification des faits est un résumé d’une affirmation faite par un site Web que Google considère comme crédible.

FAQ

faq rich snippet example

FAQ est l’abréviation de Frequently Asked Questions (questions fréquemment posées). Il s’agit d’une page qui contient des questions et des réponses courantes sur un sujet donné.

Activités à la maison

home activities rich snippet example

Les activités à domicile sont un résultat interactif qui affiche des activités que vous pouvez faire chez vous, telles que des séances d’entraînement.

Comment faire

how to rich snippet example

Il s’agit d’un contenu qui comprend une série d’étapes permettant d’accomplir une tâche ou de réaliser un objectif. Il peut s’agir de vidéos, d’images ou de textes.

Licence d’utilisation de l’image

image license rich snippet

Cet extrait affiche les métadonnées/informations relatives à la licence d’une image et renvoie également à la visionneuse d’images, qui contient davantage d’informations sur l’image.

Offres d’emploi

jobposting rich snippet

Ce site permet aux entreprises de publier une offre d’emploi. Les demandeurs d’emploi peuvent voir votre logo, des commentaires, des évaluations et d’autres détails sur l’entreprise et le poste.

Formation professionnelle

job training rich snippet

Cet élément est encore en version bêta, mais il est utilisé pour créer du contenu qui aide les gens à découvrir des emplois ou des domaines de carrière.

Entreprises locales

local business rich snippet

Cet élément vous permet d’afficher des détails sur votre petite entreprise. Il peut s’agir des heures d’ouverture, de l’itinéraire, de l’évaluation, de la prise de rendez-vous, de la commande d’articles, etc.

Logo

logo rich snippet example

Cet exemple affiche le logo de votre entreprise dans les résultats de recherche et dans le panneau latéral.

Math Solvers

math solvers rich snippet

Il s’agit de guides qui aident les étudiants et les enseignants à résoudre des problèmes de mathématiques.

Film

movie rich snippet example

Ce carrousel présente des films à partir de résultats de recherche. Vous pouvez inclure le titre, le réalisateur, des images et d’autres informations sur chaque film.

Salaire estimé

estimated salary rich snippet

Ce carrousel permet d’afficher des moyennes et des fourchettes de salaires par région pour différents types d’emploi. Il s’adresse principalement aux demandeurs d’emploi.

Podcast

podcast rich snippet example

Cet article concerne les podcasts. Vous pouvez inclure un lien de lecture ou les diffuser sur d’autres plates-formes Google Podcasts, comme l’application Google Podcasts ou Google Assistant.

Problèmes pratiques

practice problems rich snippet

Vous pouvez utiliser cet élément pour ajouter des données structurées aux problèmes pratiques en mathématiques et en sciences.

Produit

product rich snippet example

Cet élément concerne les produits. Vous pouvez inclure le prix, les commentaires, la disponibilité et d’autres informations.

QUESTIONS ET RÉPONSES

q and a rich snippet

Les pages de questions et réponses (Q&R) contiennent du contenu sous forme de questions-réponses, qui est affiché par Google dans les recherches connexes.

Recette

recipe rich snippet example

Les recettes doivent contenir des instructions complètes pour la préparation d’aliments ou de boissons. Elles peuvent être affichées en tant qu’élément individuel ou dans un carrousel.

Revue

review schema

Il s’agit d’un court extrait d’une critique provenant d’un site web de critique. Les critiques peuvent concerner des livres, des recettes, des films, des produits, des applications logicielles et des entreprises.

Boîte de recherche Sitelinks

sitelinks search box example

Il s’agit du champ de recherche qui apparaît sous votre site dans les résultats de recherche. Elle permet aux internautes de limiter leurs recherches à votre site.

Application logicielle (beta)

Rich Snippets à WordPress

Ce snippet est encore en version bêta, mais il vous permet d’afficher des informations sur une application. Vous pouvez inclure des évaluations, une description et un lien pour la télécharger.

Speakable

speakable schema

Ce schéma est conçu pour les logiciels de synthèse vocale. Il identifie le contenu qui peut être lu à haute voix à l’aide du programme Assistant de Google.

Abonnement et contenu payant

subscription and paywalled content

Vous pouvez utiliser ce schéma pour séparer le contenu de votre site qui est caché derrière un paywall ou un abonnement.

Vidéo

video rich snippet

Affichez les vidéos dans les résultats de recherche. Vous pouvez spécifier des segments vidéo, du contenu en direct et donner l’option de lire la vidéo directement.

Comment optimiser l’ajout de Rich Snippets sur WordPress ?

Il existe différentes façons d’ajouter des balises de schéma à WordPress, mais la méthode recommandée par Google est ce que l’on appelle JSON-LD :

how to use rich snippets in wordpress x

L’avantage de JSON-LD par rapport aux méthodes utilisées par la plupart des autres plugins WordPress de rich snippets est qu’il n’est pas nécessaire d’ajouter un nouveau contenu au front-end de votre site.

D’un autre côté, vous êtes obligé d’ajouter une nouvelle boîte visible par l’homme au contenu de votre site juste pour obtenir des Rich Snippets ou extraits riches avec les plugins qui n’utilisent pas JSON-LD.

Pour ajouter les balises JSON-LD recommandées par Google à WordPress, vous pouvez utiliser Schema Pro.

Voici la procédure complète, étape par étape…

Étape 1 : Installer Schema Pro et lancer l’assistant d’installation

Pour commencer, installez et activez le plugin Schema Pro.

Une fois le plugin activé, allez dans Paramètres → Schema Pro. Ensuite, cliquez sur l’onglet Configuration et cliquez sur Démarrer l’assistant d’installation pour configurer les informations de base de votre site :

schema pro configration

Les données ici ne vous aideront pas directement à ajouter des Rich Snippets aux articles de blog WordPress, mais elles sont utiles pour d’autres types de résultats riches – comme les fils d’Ariane et les sitelinks.

Les options de configuration sont assez simples. Mais si vous rencontrez des difficultés, il vous suffit de cliquer sur l’icône du point d’interrogation et Schema Pro vous indiquera ce que fait le paramètre :

other schemas

Étape 2 : Créer un nouveau schéma

Une fois que vous avez terminé l’assistant de configuration, vous êtes prêt à ajouter votre premier schéma. C’est l’information qui vous aidera à ajouter des rich snippets à WordPress.

Pour commencer, allez dans l’onglet Schémas et cliquez sur Ajouter un nouveau :

schema pro schemas

Étape 3 : Choisissez votre type de schéma

Sur l’écran suivant, vous devez choisir le type de schéma que vous souhaitez ajouter. Vous vous souvenez que nous avons parlé des types de contenu au début de cet article ? C’est ici que vous choisissez les informations de balisage schéma que vous souhaitez ajouter.

En gros, il suffit de choisir le type de contenu qui correspond le mieux au type de contenu pour lequel vous voulez des rich snippets.

Par exemple, si vous souhaitez obtenir des snippets enrichis pour les avis, vous devez choisir l’option Avis. Ou, si vous écrivez des recettes, vous choisirez le type Recette.

Schema Pro vous permet de créer plusieurs schémas différents et de les appliquer à différents types de contenu. Si vous publiez plus d’un type de contenu, choisissez-en un pour l’instant.

Je choisirai Review pour ce tutoriel, car il s’agit d’une utilisation assez courante :

choose schema

Étape 4 : Choisir les pages à cibler

Maintenant, vous devez décider à quel contenu vous voulez ajouter ce balisage schéma. Vous disposez ici d’une grande flexibilité.

Vous pouvez appliquer le balisage schéma à l’ensemble de votre contenu. Vous pouvez également ne l’appliquer qu’aux éléments suivants

  • Types de messages
  • les catégories
  • Balises
  • les messages individuels

Vous pouvez également faire des mélanges :

  • Règles d’activation – le schéma sera ajouté au contenu qui répond à cette règle.
  • Règles d’exclusion – le schéma ne sera pas ajouté au contenu qui répond à cette règle.

Puisque j’utilise un exemple de type Examen, disons que je ne veux appliquer le schéma d’examen qu’aux articles de la catégorie “Examen” de mon blog.

Pour ce faire, vous devez

  • Sélectionner Pages spécifiques… dans le menu déroulant
  • Rechercher la catégorie d’avis
  • Sélectionner la catégorie d’avis dans la liste de suggestions automatiques
Rich Snippets à WordPress

Une fois que vous avez terminé, cliquez sur Suivant pour finaliser votre choix d’emplacement(s).

Étape 5 : Associer Schema à votre contenu

L’assistant est terminé ! Cliquez sur l’option Terminer l’installation pour terminer :

schema pro ready

Sur l’écran suivant, vous verrez une liste de toutes les informations associées à ce type de contenu (n’oubliez pas qu’un type de contenu de revue nécessite des informations différentes de celles d’un type de contenu de recette, etc.)

Schema Pro essaiera, dans la mesure du possible, de faire correspondre automatiquement ces informations à votre contenu existant.

Par exemple, vous pouvez voir que Schema Pro va faire en sorte que le nom du rédacteur soit le même que le nom de l’auteur de WordPress. Cela signifie que vous n’avez pas besoin de saisir manuellement le nom de l’évaluateur lorsque vous publiez votre évaluation :

Rich Snippets à WordPress

Pour les autres informations, vous avez le choix. Vous pouvez soit

  • Demander à Schema Pro d’ajouter un nouveau champ personnalisé dans l’éditeur WordPress (c’est la meilleure option pour la plupart des utilisateurs – c’est très simple)
  • Mapper cette information à un champ personnalisé existant, y compris ceux que vous avez ajoutés avec Advanced Custom Fields ou Pods (c’est une excellente option pour les développeurs).

Si vous n’êtes pas un technicien, vous pouvez laisser les paramètres par défaut, ce qui revient à ajouter un nouveau champ personnalisé dans l’éditeur de WordPress.

Étape 6 : Si nécessaire, ajoutez des informations supplémentaires dans l’éditeur WordPress

Maintenant, lorsque vous allez créer un nouveau contenu qui répond aux règles que vous avez spécifiées, vous verrez des champs personnalisés supplémentaires dans lesquels vous pourrez entrer de nouvelles informations.

Pour le rich snippet d’avis, il s’agit des champs suivants :

  • Nom de l’article
  • Image de l’article
  • Évaluation de l’avis
Rich Snippets à WordPress

Pour toutes les autres informations (date de publication, nom de l’évaluateur, etc.), Schema Pro extrait automatiquement les informations de votre site WordPress – vous n’avez rien à faire.

Étape 7 : Utiliser un outil de test des données structurées pour vérifier

Vous êtes maintenant prêt ! Pour terminer le processus, vous pouvez utiliser l’outil de test des données structurées de Google pour vérifier que vous avez correctement ajouté le balisage Schema.

Il vous suffit d’indiquer l’URL de votre contenu et Google vous indiquera toutes les marques de schéma qu’il a trouvées sur la page :

schema pro testing

Cela signifie que Google dispose de toutes les informations dont il a besoin pour fournir à votre site des snippets enrichis !

Conclusion

Vous savez maintenant comment ajouter de superbes rich snippets à votre site ! Ce n’était pas si mal, n’est-ce pas ?

Une fois ajoutés, tous ceux qui vous recherchent sur Google verront votre nouveau contenu et votre nouveau design.

Dans cet article, vous avez découvert le balisage Schema et la raison pour laquelle il est utilisé par Google pour afficher les extraits. Ensuite, nous avons parlé des 15 différents types d’extraits et de celui que vous devriez utiliser pour votre site Web. Enfin, nous vous avons expliqué comment ajouter le balisage Schema et les snippets à WordPress.

Vos snippets s’affichent-ils maintenant correctement ? Et avez-vous trouvé la procédure facile à suivre ? Faites-nous savoir dans les commentaires si vous avez des problèmes ou des questions sur le schéma ou les snippets de texte riche !

Partager cet Article :
Newsletter
Recevez des astuces et des ressources gratuites directement dans votre boîte de réception.
Derniers Articles
☰ Navigation Rapide
0
J'adorerais vos pensées, veuillez commenter.x