Définition : Les données structurées

Sommaire

Qu'est-ce que Schema.org ?

Vérifiez les données structurées sur votre site

Les différents types de schéma

Comment implémenter le balisage de données structurées avec Schema.org ?

Intégration des données structurées avec Wordpress

Le balisage de données structurées avec Schema.org est une pratique de référencement qui consiste à ajouter des métadonnées spécifiques à une page web pour aider les moteurs de recherche à mieux comprendre son contenu et à l’afficher de manière plus riche dans les résultats de recherche. Dans ce guide complet, l’agence Hello Optimize vous explique tout ce que vous devez savoir sur le balisage de données structurées avec Schema.org, y compris les types de schéma existants et comment les implémenter sur votre site web pour améliorer votre référencement naturel.

Qu'est-ce que Schema.org ?

Schema.org est une initiative de collaboration entre Google, Microsoft, Yahoo! et Yandex pour créer un vocabulaire commun de balisage de données structurées. Le but est de faciliter la compréhension des pages web par les moteurs de recherche et de fournir aux utilisateurs des résultats de recherche plus riches et plus informatifs qu’on appelle également la position 0.

Le vocabulaire Schema.org est composé d’un ensemble de types de schéma, de propriétés et de définitions, qui peuvent être utilisés pour décrire différents types de données, y compris les organisations, les événements, les recettes, les produits et bien plus encore.

Vérifiez les données structurées sur votre site

Le moteur de recherche Google met à disposition des outils permettant de vérifier la présence des données structurées d’une URL donnée. Cela permet d’identifier si les données structurées sont exactes et également si vous avez un site e-commerce si elles sont conformes afin promouvoir des produits sur Google Shopping. En effet, il est impératif de disposer de données structurées sur vos produits, car c’est une obligation pour ajouter votre flux produit sur Google Shopping.

Outil de validation du balisage schema.org : Testez votre balisage

Outil de test des résultats enrichis : Testez vos résultats enrichis

Les différents types de schéma

Il existe de nombreux types de schéma disponibles dans Schema.org. Voici une liste des types de schéma les plus couramment utilisés pour améliorer le référencement de votre site web :

Les schémas d’entreprise

Ils permettent de fournir des informations sur votre entreprise, telles que son nom, son adresse, ses coordonnées, ses horaires d’ouverture, ses avis et bien plus encore. Ces informations peuvent être utilisées pour créer une fiche d’entreprise Google My Business et pour améliorer la visibilité de votre entreprise sur les résultats de recherche locaux.

Pour avoir plus d’informations concernant les données structurées d’entreprise : Google Developer schema local business

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple de données locales d'entreprise avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Nom de l'entreprise",
"description": "Description de l'entreprise.",
"address": {
"@type": "PostalAddress",
"streetAddress": "Adresse postale",
"postalCode": "Code postal",
"addressLocality": "Ville",
"addressCountry": "Pays"
},
"telephone": "+33 1 23 45 67 89",
"url": "https://exemple-entreprise.com",
"geo": {
"@type": "GeoCoordinates",
"latitude": "48.8566",
"longitude": "2.3522"
}
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas de produit 

Sur un site e-commerce, ils permettent de fournir des informations détaillées sur les produits que vous vendez tels que leur nom, leur description, leur prix, leur disponibilité et leur image. Ces informations peuvent être utilisées pour améliorer la visibilité de vos produits sur les résultats de recherche et les pages de résultats de Google Shopping.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema produits

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple de produit e-commerce avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Nom du produit",
"image": "https://exemple-site-ecommerce.com/images/produit.jpg",
"description": "Description du produit.",
"brand": {
"@type": "Brand",
"name": "Nom de la marque"
},
"sku": "SKU12345",
"mpn": "MPN12345",
"offers": {
"@type": "Offer",
"url": "https://exemple-site-ecommerce.com/produit",
"priceCurrency": "EUR",
"price": "99.99",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "Nom du vendeur"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "25"
}
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas de recette

Les schémas de recette permettent de fournir des informations détaillées sur les recettes culinaires, telles que les ingrédients, les temps de cuisson, les instructions de préparation et les valeurs nutritionnelles. Ces informations peuvent être utilisées pour améliorer la visibilité de vos recettes sur les résultats de recherche et les pages de résultats de Google Recettes.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema recette de cuisine

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple de recette de cuisine avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Nom de la recette",
"image": "https://exemple-site-recettes.com/images/recette.jpg",
"description": "Description de la recette.",
"author": {
"@type": "Person",
"name": "Nom de l'auteur"
},
"datePublished": "2023-04-06",
"prepTime": "PT30M",
"cookTime": "PT1H",
"totalTime": "PT1H30M",
"recipeYield": "4 personnes",
"recipeCategory": "Catégorie de la recette",
"recipeCuisine": "Type de cuisine",
"ingredients": [
"1 kg de pommes de terre",
"2 oignons",
"250 g de lardons",
"sel",
"poivre"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"text": "Épluchez et coupez les pommes de terre en dés."
},
{
"@type": "HowToStep",
"text": "Émincez les oignons."
},
{
"@type": "HowToStep",
"text": "Faites revenir les lardons et les oignons dans une poêle."
},
{
"@type": "HowToStep",
"text": "Ajoutez les pommes de terre dans la poêle et faites cuire à feu moyen pendant environ 30 minutes."
},
{
"@type": "HowToStep",
"text": "Assaisonnez avec du sel et du poivre selon votre goût et servez."
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"reviewCount": "35"
},
"nutrition": {
"@type": "NutritionInformation",
"calories": "350 calories",
"fatContent": "15 g",
"saturatedFatContent": "5 g",
"carbohydrateContent": "45 g",
"sugarContent": "5 g",
"proteinContent": "12 g",
"fiberContent": "4 g",
"sodiumContent": "400 mg"
}
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas de vidéo

Les schémas de vidéo permettent de fournir des informations détaillées sur les vidéos que vous publiez sur votre site web, telles que leur titre, leur description, leur durée, leur format et leur lien de diffusion en continu. Ces informations peuvent être utilisées pour améliorer la visibilité de vos vidéos sur les résultats de recherche et les pages de résultats de Google Vidéos.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema video

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple de vidéo avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Titre de la vidéo",
"description": "Description de la vidéo.",
"thumbnailUrl": "https://exemple-site-videos.com/images/miniature-video.jpg",
"uploadDate": "2023-04-06T08:00:00+00:00",
"duration": "PT1H30M",
"contentUrl": "https://exemple-site-videos.com/videos/video.mp4",
"embedUrl": "https://exemple-site-videos.com/embed/12345",
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": "https://schema.org/WatchAction",
"userInteractionCount": "54321"
},
"publisher": {
"@type": "Organization",
"name": "Nom du site web ou de la chaîne",
"logo": {
"@type": "ImageObject",
"url": "https://exemple-site-videos.com/images/logo.png",
"width": "600",
"height": "60"
}
},
"author": {
"@type": "Person",
"name": "Nom de l'auteur"
}
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas d’article

Les schémas d’article permettent de fournir des informations détaillées sur les articles que vous publiez sur votre site web, telles que leur titre, leur auteur, leur date de publication et leur contenu. Ces informations peuvent être utilisées pour améliorer la visibilité de vos articles sur les résultats de recherche et les pages de résultats de Google Actualités.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema d’article

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'article avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://exemple-site-articles.com/article"
},
"headline": "Titre de l'article",
"description": "Description de l'article.",
"image": {
"@type": "ImageObject",
"url": "https://exemple-site-articles.com/images/article.jpg",
"height": "800",
"width": "1200"
},
"author": {
"@type": "Person",
"name": "Nom de l'auteur"
},
"publisher": {
"@type": "Organization",
"name": "Nom du site web",
"logo": {
"@type": "ImageObject",
"url": "https://exemple-site-articles.com/images/logo.png",
"width": "600",
"height": "60"
}
},
"datePublished": "2023-04-06",
"dateModified": "2023-04-06"
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas d’évènements

Les schémas d’événement permettent de fournir des informations détaillées sur les événements que vous organisez ou auxquels vous participez telles que leur nom, leur date, leur lieu, leur description et leur lien de réservation. Ces informations peuvent être utilisées pour améliorer la visibilité de vos événements sur les résultats de recherche et les pages de résultats de Google Événements.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema d’évènement

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'événement avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "Titre de l'événement",
"description": "Description de l'événement.",
"startDate": "2023-05-01T20:00:00+00:00",
"endDate": "2023-05-01T23:00:00+00:00",
"location": {
"@type": "Place",
"name": "Nom du lieu",
"address": {
"@type": "PostalAddress",
"streetAddress": "Adresse postale",
"addressLocality": "Ville",
"postalCode": "Code postal",
"addressCountry": "Pays"
}
},
"image": "https://exemple-site-evenements.com/images/evenement.jpg",
"performer": {
"@type": "PerformingGroup",
"name": "Nom du groupe ou de l'artiste"
},
"offers": {
"@type": "Offer",
"url": "https://exemple-site-billetterie.com/evenement",
"price": "30",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock",
"validFrom": "2023-01-01"
}
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Les schémas d’avis

Les schémas d’avis permettent de fournir des informations détaillées sur les avis et les évaluations de produits, services ou entreprises que vous souhaitez mettre en avant. Ils incluent des éléments tels que le nom de l’auteur, la note attribuée, le texte de l’avis, et le produit ou le service concerné. Ces informations peuvent être utilisées pour améliorer la visibilité de vos avis sur les résultats de recherche et renforcer la confiance des consommateurs envers votre marque grâce aux témoignages de clients satisfaits. Les schémas d’avis permettent également à Google de mieux comprendre le contenu de vos pages et d’afficher des extraits enrichis dans les résultats de recherche, ce qui peut entraîner un taux de clic plus élevé et une meilleure présence en ligne.

Pour avoir plus d’informations concernant les données structurées sur les produits : Google Developer schema d’avis

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'avis avec schema.org en JSON-LD</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Review",
"itemReviewed": {
"@type": "Product",
"name": "Nom du produit",
"image": "https://exemple-site-ecommerce.com/images/produit.jpg",
"description": "Description du produit",
"brand": {
"@type": "Brand",
"name": "Nom de la marque"
}
},
"author": {
"@type": "Person",
"name": "Nom de l'auteur de l'avis"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "4",
"bestRating": "5",
"worstRating": "1"
},
"publisher": {
"@type": "Organization",
"name": "Nom du site web"
},
"reviewBody": "Texte de l'avis décrivant l'expérience de l'utilisateur avec le produit.",
"datePublished": "2023-04-06"
}
</script>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>

Comment implémenter le balisage de données structurées avec Schema.org ?

Choisissez les types de schéma appropriés pour votre site : Réfléchissez à ce que vous voulez que les utilisateurs et les moteurs de recherche sachent sur votre entreprise, vos produits, vos recettes, vos vidéos, vos articles et vos événements. Il existe également plusieurs formats parmi les types de scripts supportés sur les moteurs de recherche, notamment :

  • JSON-LD
  • RDFa
  • Microdata

Créez le balisage de données structurées : Utilisez les types de schéma et les propriétés appropriés pour créer le balisage de données structurées pour chaque page de votre site web. Vous pouvez utiliser des outils en ligne tels que Schema.org pour vous aider à créer le balisage.

Testez et validez le balisage de données structurées : Utilisez des outils tels que le validateur de données structurées de Google pour tester et valider le balisage de données structurées sur votre site web. Cela permettra de s’assurer que les informations sont correctement formatées et que les moteurs de recherche peuvent les comprendre.

Intégrez le balisage de données structurées sur votre site web : Intégrez le balisage de données structurées sur votre site web en utilisant des méthodes telles que l’inclusion dans la section head de chaque page, ou en utilisant des plugins pour votre CMS.

Intégration des données structurées avec Wordpress

Il existe plusieurs plugins pour intégrer facilement des données structurées à votre site WordPress en utilisant le vocabulaire schema.org. Voici 5 exemples populaires dont celui que nous utilisons depuis plusieurs années :

  1. Rank Math SEO : Rank Math est un autre plugin de référencement tout-en-un qui inclut la prise en charge des données structurées. Il offre un large éventail de fonctionnalités de référencement, y compris l’ajout automatique de données structurées pour différents types de contenu. À titre d’informations, nous utilisons sur notre site et ceux de nos clients Rank Math depuis maintenant 5 ans.
  2. Yoast SEO: Yoast SEO est un plugin complet de référencement qui inclut la prise en charge des données structurées. Il ajoute automatiquement des données structurées pour les articles de blog, les pages et d’autres types de contenu en fonction des réglages que vous configurez.
  3. Schema & Structured Data for WP & AMP  : Ce plugin vous permet d’ajouter facilement des données structurées à votre site WordPress. Il prend en charge un grand nombre de types de schémas et est compatible avec Google AMP.
  4. All in One Schema Rich Snippets : All in One Schema Rich Snippets est un plugin simple qui vous aide à ajouter des données structurées pour améliorer l’apparence de vos pages dans les résultats de recherche. Il prend en charge plusieurs types de contenu, tels que les articles, les événements, les produits, les recettes et les vidéos.
  5. WP SEO Structured Data Schema : Ce plugin vous permet d’ajouter des données structurées à votre site WordPress pour améliorer son référencement. Il est facile à utiliser et prend en charge une variété de types de schémas, tels que les articles, les événements, les organisations, les personnes, les produits et les vidéos.