sitemap website seo hierarchy search technology 1583907 pxhere.com

Guide pratique pour la mise en place des données structurées dans votre code

  • Publié le : 21 juin 2023
  • Dans la catégorie : code seo 

Les données structurées, également connues sous le nom de microdonnées, sont un élément essentiel pour améliorer le référencement de votre site web. En utilisant des balises de données structurées, vous pouvez fournir aux moteurs de recherche des informations détaillées sur votre contenu, ce qui améliore sa visibilité et permet d’afficher des résultats plus riches dans les résultats de recherche. Déjà abordé dans un article précédent, je vous guiderai, cette fois, à travers la mise en place des données structurées dans votre code et je vous fournirai des exemples concrets pour les recettes.

Pourquoi utiliser des données structurées:

L’utilisation de données structurées présente de nombreux avantages pour votre site web, notamment :

  1. Amélioration de la visibilité : Les moteurs de recherche comprennent mieux le contenu de votre site grâce aux données structurées, ce qui les aide à l’afficher de manière plus pertinente aux utilisateurs.
  2. Résultats enrichis : Les données structurées permettent aux moteurs de recherche d’afficher des résultats enrichis, tels que des extraits enrichis, des évaluations, des prix, etc., qui attirent davantage l’attention des utilisateurs.
  3. Augmentation du taux de clics : Les résultats enrichis attirent l’œil des utilisateurs et peuvent augmenter le taux de clics vers votre site web par rapport aux résultats traditionnels.

Mise en place des données structurées:

Pour mettre en place des données structurées dans votre code, vous devez utiliser les balises appropriées en fonction du type de contenu que vous souhaitez marquer.

  1. Les microdonnées pour les produits: Les microdonnées pour les produits permettent d’afficher des informations détaillées sur vos produits dans les résultats de recherche. Voici un exemple de code pour un produit:
<div itemscope itemtype="http://schema.org/Product">
  <h2 itemprop="name">Nom du produit</h2>
  <img itemprop="image" src="url_de_l'image" alt="Image du produit">
  <span itemprop="description">Description du produit</span>
  <span itemprop="brand">Marque du produit</span>
  <span itemprop="price">Prix du produit</span>
</div>
recherche t shirt google shopping 1
recherche t-shirt sur google google, dans la section shopping

Les informations structurées permettent aux moteurs de recherche d’afficher des détails précis tels que le nom du produit, l’image, la description, la marque et le prix directement dans les résultats de recherche de l’onglet shopping.

  1. Les microdonnées pour les avis : Les microdonnées pour les avis aident à afficher les évaluations et les commentaires de vos produits ou services. Voici un exemple de code pour un avis:
<div itemscope itemtype="http://schema.org/Review">
  <span itemprop="name">Titre de l'avis</span>
  <span itemprop="description">Description de l'avis</span>
  <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
    <span itemprop="ratingValue">4.5</span>
    <span itemprop="bestRating">5</span>
  </span>
</div>
resultat recherche avec note
résultats de recherche d’article notés par les lecteurs

Les avis structurés permettent aux moteurs de recherche d’afficher les évaluations et les commentaires de vos clients, ce qui peut renforcer la confiance des utilisateurs et les inciter à choisir votre entreprise.

  1. Les microdonnées pour les événements : Les microdonnées pour les événements permettent d’afficher des informations sur les événements tels que les dates, les lieux et les descriptions. Voici un exemple de code pour un événement:
<div itemscope itemtype="http://schema.org/Event">
  <h2 itemprop="name">Nom de l'événement</h2>
  <span itemprop="startDate">Date de début</span> - <span itemprop="endDate">Date de fin</span>
  <span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="name">Lieu de l'événement</span>
    <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">Adresse</span>,
      <span itemprop="postalCode">Code postal</span>,
      <span itemprop="addressLocality">Ville</span>
    </span>
  </span>
  <span itemprop="description">Description de l'événement</span>
</div>
resultat evenement micro donnees
résultats de recherche avec la demande « concert rennes »

Les informations structurées pour les événements permettent aux moteurs de recherche d’afficher des détails tels que le nom de l’événement, les dates, le lieu et la description, ce qui aide les utilisateurs à trouver rapidement les informations dont ils ont besoin.

  1. Les microdonnées pour les recettes : Les microdonnées pour les recettes permettent d’afficher des informations tels que la durée de cuisson et les ingrédients. Voici un exemple de code pour une recette :
<div itemscope itemtype="http://schema.org/Recipe">
  <h1 itemprop="name">Nom de la recette</h1>
  <img itemprop="image" src="url_de_l'image" alt="Image de la recette">
  <span itemprop="description">Description de la recette</span>
  
  <div itemprop="recipeIngredient">
    <ul>
      <li>Ingrédient 1</li>
      <li>Ingrédient 2</li>
      <li>Ingrédient 3</li>
    </ul>
  </div>
  
  <div itemprop="recipeInstructions">
    <ol>
      <li>Étape 1</li>
      <li>Étape 2</li>
      <li>Étape 3</li>
    </ol>
  </div>
  
  <span itemprop="cookTime">Temps de cuisson</span>
  <span itemprop="totalTime">Temps total</span>
  
  <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation">
    <span itemprop="calories">Nombre de calories</span>
    <span itemprop="carbohydrateContent">Teneur en glucides</span>
    <span itemprop="proteinContent">Teneur en protéines</span>
    <span itemprop="fatContent">Teneur en matières grasses</span>
  </span>
</div>
resultats recherche gateau fraise avec microdonnees
résultats de recherche pour « gateaux fraise » avec une mise en avant des contenus utilisant les microdonnées

En utilisant les données structurées pour les recettes, les moteurs de recherche peuvent afficher des informations détaillées sur votre recette dans les résultats de recherche, notamment le nom de la recette, l’image, la description, les ingrédients, les étapes, les temps de cuisson, les informations nutritionnelles, etc. Cela permet aux utilisateurs d’obtenir rapidement les informations dont ils ont besoin et peut les inciter à cliquer sur votre site web.


La mise en place de données structurées dans votre code est essentielle pour améliorer le référencement de votre site web. En fournissant aux moteurs de recherche des informations structurées sur votre contenu, vous augmentez sa visibilité et vous permettez l’affichage de résultats plus riches. Dans cet article, nous avons exploré la mise en place des données structurées dans votre code, en mettant l’accent sur un exemple concret pour les recettes. N’hésitez pas à utiliser cet exemple et à explorer d’autres types de données structurées pour améliorer votre visibilité en ligne

Prêt à donner vie à vos projets ?

Contactez nous dès maintenant pour bénéficier d’une expertise personnalisée. Ensemble, nous créerons des solutions sur mesure qui vous démarqueront de la concurrence.