Guide du débutant : Comment utiliser les extraits enrichis dans WordPress

Vous souhaitez ajouter des extraits enrichis sur votre site WordPress ?

Les extraits enrichis vous permettent d’avoir des listes de recherche personnalisées pour des contenus spéciaux tels que des avis, des recettes, des évènements, etc. Ces listes de recherche se démarqueront et aideront à augmenter le trafic vers votre site.

Dans cet article, nous allons vous afficher comment ajouter des extraits enrichis à votre site WordPress, étape par étape.

Pourquoi utiliser des extraits enrichis sur votre site WordPress ?

Les extraits enrichis utilisent ce que l’on appelle le balisage de schéma pour fournir des informations supplémentaires sur votre contenu aux moteurs de recherche.

Les robots des moteurs de recherche utilisent ces données pour afficher des informations supplémentaires sur vos publications et vos pages dans les résultats de recherche.

Cela permet à vos publications et à vos pages de mieux ressortir dans les résultats de recherche, ce qui peut améliorer votre taux de clics organiques et vous aider à augmenter le trafic de votre blog.

Elle vous aide également à asseoir votre autorité dans votre niche, car votre site devient plus visible dans les recherches.

Les extraits enrichis ne sont pas réservés aux sites d’avis ou aux recettes de cuisine. Vous pouvez utiliser des extraits enrichis pour des évènements, des produits, des personnes, des vidéos, de la musique, des applications, des articles, des publications de blog, et bien plus encore.

Cela étant dit, nous allons vous afficher comment ajouter des extraits enrichis sur WordPress. Il suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.

• Ajouter des extraits enrichis dans WordPress avec une extension WordPress (Ajouté)
• Ajout d’extraits enrichis dans WordPress en ajoutant du code à WordPress

Méthode 1. Ajout d’extraits enrichis dans WordPress à l’aide d’une extension WordPress

La façon la plus simple d’ajouter des extraits enrichis sur WordPress est d’utiliser l’extension AIOSEO. C’est la meilleure extension WordPress SEO du marché, utilisée par plus de 3+ millions de sites.

Il vous aide à optimiser facilement votre site pour les moteurs de recherche sans avoir besoin d’engager un expert en référencement. De plus, vous pouvez configurer des extraits enrichis sur votre site en quelques clics.

Note : Vous aurez besoin de la version pro d’AIOSEO car elle inclut la fonctionnalité de balisage de schéma et d’autres mis en avant comme les sitemaps XML, un gestionnaire de redirection, et plus encore. Il existe une version gratuite de l’extension que vous pouvez utiliser pour Premiers pas.

La première chose à faire est d’installer et d’activer l’extension AIOSEO. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois activé, vous serez immédiatement dirigé vers l’assistant de configuration de l’AIOSEO. Vous devez cliquer sur le bouton « Premiers pas ».

Si l’assistant de configuration ne s’affiche pas immédiatement, il suffit d’aller dans All in One SEO  » Tableau de bord.

À partir de là, vous pouvez cliquer sur le bouton « Lancer l’assistant de configuration ». Celui-ci vous guidera à travers les étapes par lesquelles vous devrez configurer l’extension pour votre site.

En suivant l’assistant de configuration, vous devrez activer le module « Advanced Rich Snippets + Schema Markups ».

Il suffit de cocher la case pour qu’elle devienne bleue, puis de cliquer sur le bouton « Enregistrer et continuer ».

Sur le dernier écran, vous devez saisir votre clé de licence, puis cliquer sur le bouton « Connecter ».

Vous trouverez ces informations sous la page de votre compte sur le site de l’AIOSEO.

Pour plus de détails, consultez notre guide ultime sur la façon de config urer correctement AIOSEO pour WordPress.

Après cela, vous pouvez vous rendre dans AIOSEO  » Apparence de la recherche dans votre panneau d’administration WordPress, puis cliquer sur l’onglet  » Types de contenu « .

Ensuite, vous pouvez définir le type de balisage du schéma pour vos publications et vos pages.

Il vous suffit de cliquer sur l’option de menu « Schema Markup », puis de choisir le type de schéma dans la liste déroulante.

Vous pourrez voir différents types de contenu que vous pouvez créer avec l’extension. La liste comprend :

• Cours
• Produit
• Recette
• Logiciel/Application
• FAQ
• Page web
• Profil
• Article

En cliquant sur un type de contenu, vous afficherez les champs disponibles.

Ces réglages seront les réglages par défaut lorsque vous ajouterez une nouvelle publication de blog. Vous pouvez toutefois les modifier pour chaque publication.

En dessous du balisage du schéma de publication, vous pouvez également contrôler le schéma par défaut de vos pages.

Il suffit de sélectionner le « type de schéma » dans la liste déroulante. Vous disposerez alors d’options supplémentaires pour le type de schéma que vous aurez sélectionné.

Lorsque vous avez terminé vos modifications, cliquez sur le bouton « Enregistrer les modifications » avant de quitter la page.

Ajout d’extraits enrichis à vos publications et pages

Désormais, vous pouvez ajouter des informations de schéma à vos publications et pages individuelles, afin qu’elles s’affichent avec des extraits enrichis uniques dans les résultats de recherche.

Pour ce faire, il vous suffit d’ouvrir un article de blog et de défiler sous l’éditeur de l’article. Vous consulterez cette page qui contient une boîte de méta intitulée « Réglages AIOSEO ».

Vous devez cliquer sur l’onglet « Schéma », puis sur le bouton « Générer le schéma ».

Le catalogue de schémas s’ouvre alors. Cliquez simplement sur le bouton « Ajouter un schéma » à côté du type de schéma que vous souhaitez ajouter.

Les champs à remplir varient en fonction de l’option sélectionnée. Par exemple, le type de schéma « Logiciel » comprend des champs pour le nom, le système d’exploitation, le prix, la description, l’Avis, etc.

Une fois que vous avez terminé, cliquez sur le bouton « Ajouter un schéma ». N’oubliez pas de cliquer sur « Mettre à jour » ou « Publier » dans la publication pour enregistrer vos modifications.

L’ajout de balises de schéma à des pages WordPress individuelles est similaire. Vous devez ouvrir la page que vous souhaitez modifier, puis défiler vers le bas jusqu’à la boîte de méta  » Réglages AIOSEO  » située sous l’éditeur de page.

Cliquez ensuite sur l’option de menu « Schéma », puis sur le bouton « Générer un schéma » et sélectionnez le type de schéma de votre page dans le catalogue de schémas.

Différentes options apparaissent en fonction du type de schéma sélectionné.

Comme ci-dessus, lorsque vous avez terminé, vous devez cliquer sur le bouton « Add Schema » et appuyer sur « Update » ou « Publish » sur la page pour que vos modifications soient prises en compte.

L’ajout d’extraits enrichis ne changera rien à l’interface publique de votre blog WordPress. Cependant, vous donnerez aux robots des moteurs de recherche des données supplémentaires à afficher avec vos publications et vos pages dans les résultats de recherche.

Méthode 2. Ajouter des extraits enrichis en ajoutant du code à WordPress

Une autre façon d’ajouter des extraits enrichis sur WordPress est d’ajouter du code sur WordPress. Si vous n’avez jamais fait cela auparavant, alors consultez notre guide sur la façon de copier et coller du code dans WordPress.

Les extraits enrichis ou les balises de données structurées peuvent être écrits dans trois vocabulaires différents. Ces vocabulaires sont microdata, RDFa et JSON-LD. Vous pouvez utiliser n’importe lequel d’entre eux sur votre site. Toutefois, la plupart des débutants trouvent que RDFa est plus convivial.

Voici un exemple de page « à propos » d’un utilisateur/utilisatrice dans WordPress. Normalement, le texte de la page ressemble à ceci :

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Cela peut être facilement transformé grâce aux extraits enrichis.

Si vous êtes familier avec le langage HTML, vous pouvez facilement comprendre l’exemple suivant :

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Pour chaque type de contenu, certaines propriétés particulières doivent être définies.

Schema.org est l’organisation qui aide à maintenir la norme pour les différents types de contenu. Vous trouverez une documentation complète avec des exemples pour chaque type de contenu de schéma sur leur site.

Voici un autre exemple de recette avec extraits enrichis.

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Si vous ajoutez manuellement des extraits enrichis dans vos publications WordPress, alors vous devrez ajouter manuellement du HTML à WordPress. Pour plus de détails, consultez notre guide du débutant sur la façon de modifier le HTML dans l’éditeur de code de WordPress.

Vous pouvez également vous référer à la ressource développeurs/développeuses de Google sur les données structurées pour comprendre quelles propriétés sont nécessaires pour chaque type de contenu.

Testez vos extraits enrichis et votre balisage Schema

Si vous ajoutez des extraits enrichis manuellement, vous devrez alors vous assurer que vous avez ajouté correctement les données structurées à votre site WordPress.

Pour vérifier vos extraits enrichis, il vous suffit de vous rendre sur l’outil de test des données structurées de Google. Vous pouvez ensuite effectuer deux tests différents pour vérifier vos données structurées.

Tout d’abord, cliquez sur le bouton « Aller au test des résultats enrichis ». Vous verrez ainsi quels résultats riches peuvent être générés pour votre page.

Saisissez ensuite l’URL de votre page ou de votre publication dans le champ prévu à cet effet.

Cliquez ensuite sur le bouton « Test URL ».

Cela générera automatiquement un rapport pour voir quelles fonctionnalités de résultats enrichis peuvent apparaître lorsque cette page ou cette publication est listée dans les résultats de la recherche.

Il vous indiquera toute erreur ou tout avertissement, afin que vous puissiez améliorer vos données structurées. Vous pouvez cliquer sur la flèche déroulante située à côté de chaque avertissement, et vous obtiendrez des instructions détaillées sur la façon de le corriger.

Ensuite, vous pouvez tester votre balisage de schéma en retournant sur la page des outils de test des données structurées de Google.

Cliquez ensuite sur le bouton « Go to the Schema Markup Validator ».

Saisissez ensuite votre URL ou votre extrait de code dans la fenêtre surgissante « Testez vos données structurées ».

Cliquez ensuite sur le bouton « Exécuter le test ».

L’outil analysera automatiquement votre code pour voir s’il contient des erreurs.

Vous devez voir 0 erreur sur le côté droit de la page.

Nous espérons que cet article vous a aidé à apprendre comment utiliser les extraits enrichis sur votre site WordPress. Vous pouvez également consulter notre guide sur la façon de choisir le meilleur registraire de nom de domaine et nos choix d’experts des meilleurs logiciels de chatbots IA pour votre site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.