Les moteurs de recherche utilisent des robots d'exploration pour comprendre le contenu des sites web et indexer les pages nouvelles et mises à jour. Ils peuvent ainsi catégoriser les pages et orienter les utilisateurs vers les bonnes pages en conséquence.
Mais parfois, les moteurs de recherche ont besoin d'un petit coup de pouce. Avec tant de produits, de prix et de nouveau contenu à explorer, les sites e-commerce représentent un défi pour les moteurs de recherche. Le balisage Schema permet à un moteur de recherche d’obtenir une image plus claire de la structure et de la pertinence de votre site e-commerce, essentiel pour un indexage approprié et une visibilité dans les résultats de recherche.
Découvrez-en plus sur le balisage Schema pour l’e-commerce et son impact sur le trafic organique.
Qu'est-ce que le balisage Schema ?
Les données structurées sont du code lisible par machine qui balise les éléments significatifs d'une page web. Ces blocs d'informations contextuelles, connus sous le nom de code Schema ou balisage Schema, indiquent aux moteurs de recherche ce que signifie le contenu afin qu'ils puissent analyser et classer précisément les pages web.
Vous pouvez ajouter un balisage Schema aux données produit partagées avec Google Merchant Center, ce qui aide Google à afficher des informations précises sur vos produits dans Google Search, Google Shopping, Google Images et Google Maps. Ces balises structurées améliorent votre taux de clic (CTR), ce qui peut contribuer à améliorer le classement dans les résultats de recherche Google.
Comment apparaît le balisage Schema ?
Vous pouvez trouver le balisage Schema à l'intérieur des pages d'un site web avec une balise HTML <script> standard qui l'entoure.
À l'intérieur de la balise script se trouve l'ID de type d'application script (le type de format que vous utilisez pour structurer les données). Les sites web utilisent couramment le format JSON-LD (JavaScript Object Notation for Linked Data). Pour spécifier qu'un bloc de données utilise JSON-LD, le code doit indiquer : type application/ld+json.
Voici un extrait de code simple qui décrit des informations précieuses sur un produit. Chaque attribut (nom, description, image, marque, etc.) apparaît à côté de sa valeur sur une nouvelle ligne.
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Machine à écrire manuelle Olympian",
"description": "Une machine à écrire manuelle rétro avec châssis métallique vintage et action de frappe fluide.",
"image": "https://example.com/typewriter.jpg",
"brand": {
"@type": "Olympian",
"name": "OL 500"
},
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": "109.99",
"availability": "https://schema.org/InStock"
}
}
Lorsque Google analyse la page web du produit, il apprend des informations essentielles sur l'article, comme le nom, la description, l'image, la marque et le prix.
Vous pouvez également ajouter des attributs aux balises HTML existantes appelées « microdonnées. » C'est une autre façon de signaler aux moteurs de recherche la signification et le contexte de votre contenu, afin qu'il puisse être affiché de manière pertinente et utile.
Extraits enrichis
Si vous recherchez « machines à écrire » ou tout autre produit sur Google, vous verrez les extraits enrichis en action. Grâce au balisage Schema, Google crée des extraits enrichis, des résultats de recherche avec des détails supplémentaires comme les prix, les évaluations et les informations de livraison.
Les résultats enrichis (tout ce qui va au-delà des liens bleus sur Google) sont utiles pour les produits e-commerce, car ils permettent aux personnes qui font leurs achats en ligne de comparer une gamme d'articles d'un coup d'œil. Si quelque chose dans l'extrait enrichi de votre produit attire leur attention (comme des avis positifs), l'acheteur pourrait alors s'engager avec votre marque.
Comment le balisage Schema renforce l'autorité avec Google ?
Le balisage Schema aide Google à voir votre expérience, votre expertise, votre autorité ainsi que votre fiabilité, ou E-E-A-T, une grille d'évaluation que Google utilise pour évaluer un site web. Le balisage Schema permet à Google de lire et d'interpréter clairement en établissant des connexions que le moteur de recherche aurait pu manquer par lui-même. Tout ce contexte signifie que Google peut évaluer précisément votre site web.
« L'implémentation du balisage Schema sert d'information directionnelle positive pour E-E-A-T, renforçant davantage la crédibilité de votre site aux yeux des utilisateurs et des moteurs de recherche », explique Arthur Camberlein, spécialiste SEO senior chez Shopify.
Mais il est important de savoir quand et où utiliser le balisage Schema e-commerce pour construire l'autorité.
« Lorsque vous décidez d’implémenter le balisage Schema pour l’e-commerce, il est essentiel de se rappeler que les balises Schema ne sont que des indicateurs, du contexte supplémentaire pour que les robots comprennent mieux votre contenu », dit Arthur. « Par exemple, les pages produit incluront des informations comme les évaluations, le prix et la disponibilité, tandis que les articles de blog présenteront généralement des informations sur l'auteur et des schemas FAQ. »
Lors de l'implémentation du balisage Schema e-commerce, Arthur recommande de procéder étape par étape, schéma par schéma. De cette façon, vous pouvez clairement suivre l'impact et réduire le risque de dégrader l'expérience utilisateur ou la croissance du site web.
Comment créer un balisage Schema ?
Créer un balisage Schema peut être un processus compliqué (Google Search Central offre plus d'informations), mais voici les étapes de base :
1. Insérer le balisage Schema. L'emplacement variera selon le format web que vous utilisez, mais les données structurées apparaissent généralement dans la section <head> d'une page HTML. JSON-LD se trouve dans une balise <script> dans la section <head>. Vous pouvez également ajouter des microdonnées au HTML pour identifier et ajouter du contexte supplémentaire au contenu de votre site web.
2. Tester. Le Test de résultats enrichis Google ou le Test de résultats enrichis Schema.org vous aideront à repérer les bugs dans le code.
3. Faire un essai avec quelques pages déployées. Utilisez l'outil d'inspection d'URL de Google pour voir comment le moteur de recherche voit la page. Si cela semble bon, passez à l'étape suivante.
4. Demander à Google de réexplorer les URL du site web. Si vous avez ajouté du balisage Schema à quelques pages seulement, sélectionnez l'option « Demander l'indexation » sur l'outil d'inspection d'URL. Si vous avez plusieurs pages sur votre site qui doivent être réexplorées, resoumettez votre sitemap. Google explore périodiquement les sites automatiquement, mais soumettre votre plan de site à Google Search Console peut accélérer le processus.
Les différents types de balisage Schema pour votre site e-commerce
Il existe de nombreux types de balisage Schema disponibles pour les sites e-commerce. Voici les plus essentiels qui offrent des pages de résultats de recherche améliorées pertinentes :
Organisation
Pour augmenter la visibilité de l'entreprise derrière vos produits, utilisez le schéma organisation pour fournir les informations de l'entreprise aux moteurs de recherche. Vous pouvez créer un balisage avec le nom de votre entreprise, l'adresse, le logo, les zones desservies, et plus encore. N'utilisez le balisage organisation que sur une seule page du site web, généralement votre page d'accueil. Utilisez cet exemple de code pour vous guider :
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Nom de votre entreprise",
"url": "https://www.votresite.com",
"logo": "https://www.votresite.com/logo.png",
"sameAs": [
"https://www.facebook.com/votrepage",
"https://twitter.com/votrecompte"
],
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Rue Principale",
"city": "Paris",
"state": "Île-de-France",
"postalCode": "75001",
"country": "France"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+33123456789",
"contactType": "service client"
}
}
Entreprise locale
Utilisez le schéma entreprise locale si vous avez un ou plusieurs emplacements physiques en plus de votre boutique e-commerce. Le meilleur endroit pour placer le balisage est sur la landing page de chaque magasin. Vous pouvez décrire le nom de l'entreprise, l'adresse, le numéro de téléphone, les horaires d'ouverture, le logo, la gamme de prix et l'URL. Par exemple :
{
"@context": "http://schema.org",
"@type": "LocalBusiness",
"name": "Nom de votre entreprise",
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Rue Principale",
"addressLocality": "Lyon",
"addressRegion": "Auvergne-Rhône-Alpes",
"postalCode": "69001",
"addressCountry": "FR"
},
"telephone": "+33123456789",
"openingHours": "Lu-Ve 09:00-17:00",
"image": "https://example.com/logo-entreprise.png",
"priceRange": "€",
"url": "https://www.votresite.com"
}
Produit
Le schéma produit est indispensable pour les entreprises e-commerce vendant des produits physiques. En balisant les pages produit, le robot de recherche reconnaîtra vos annonces comme des produits et les présentera correctement dans les pages de résultats de recherche Google.
Le schéma produit est intégré dans de nombreux thèmes de boutique Shopify, y compris le thème gratuit Dawn. Cependant, vous pouvez également ajouter manuellement des données structurées supplémentaires à un site web Shopify avec un filtre Liquid de données structurées, ou utiliser des applications de balisage Schema pour automatiser le processus.
Sur votre site web, vous pouvez ajouter le nom, la description, la couleur, les dimensions, la catégorie de produit, l'ID produit, les images, la disponibilité, les offres spéciales, la marque, plusieurs avis et évaluations, les tarifs d'expédition, l'unité de gestion des stocks (SKU), les délais de livraison, et plus encore.
Bien qu'il n'y ait pas de schéma spécifique pour les pages de catégorie, il existe une solution de contournement : utilisez le type ItemList et faites de chaque catégorie un ListItem. Imbriquez les produits à l'intérieur de chacun, avec les noms de produits, prix, images et liens. Par exemple :
{
"@context": "http://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "Product",
"name": "Produit A",
"image": "https://example.com/produit-a.jpg",
"price": "99.99",
"url": "https://example.com/produit-a"
}
},
// ... autres produits
]
}
Prix
Le schéma de spécification de prix vous permet d'ajouter le prix du produit, le prix d'offre, la remise, la baisse de prix, le prix unitaire et la devise. Une représentation précise des prix des produits et de l'historique des prix augmente les chances que vos produits apparaissent comme des baisses de prix dans les résultats enrichis sur Google Search. Le schéma prix se trouve dans le schéma produit. Par exemple :
{
"@context": "http://schema.org",
"@type": "Product",
// ... autres détails du produit ...
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": 99.99,
"priceValidUntil": "2024-12-31",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition",
"priceSpecification": {
"@type": "PriceSpecification",
"value": 99.99,
"currency": "EUR",
"priceComponent": {
"@type": "PriceComponent",
"name": "Prix de base",
"price": 89.99
},
"priceComponent": {
"@type": "PriceComponent",
"name": "Livraison",
"price": 10.00
}
}
}
}
Fil d'Ariane
Le schéma fil d'Ariane aide les moteurs de recherche à comprendre la structure hiérarchique des sites e-commerce. Si vous voulez que les moteurs de recherche suivent le fil d'Ariane, ajoutez un ListItem pour représenter chaque étape et une propriété position (où elle se situe dans la liste) pour signaler l'ordre approprié. Utilisez des URL absolues (URL complètes) pour la propriété item, et commencez par le premier élément de votre liste. Par exemple :
<html>
<head>
<title> Gagnants</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Livres",
"item": "https://example.com/livres"
},{
"@type": "ListItem",
"position": 2,
"name": "Jeunes adultes",
"item": "https://example.com/livres/jeunes-adultes"
},{
"@type": "ListItem",
"position": 3,
"name": "Gagnants"
}]
}
</script>
</head>
<body>
</body>
</html>
Disponibilité
En utilisant le schéma disponibilité, vous pouvez montrer aux clients potentiels si les produits sont en stock directement sur un extrait enrichi sur la page de résultats du moteur de recherche (SERP). Vous pouvez également afficher des informations de précommande ou si un produit arrive bientôt, est en prévente ou épuisé. Le schéma disponibilité peut être ajouté dans le schéma produit.
Autres types de balisage Schema utiles
Vous pouvez ajouter du balisage Schema pour de nombreux autres types de contenu qui peuvent générer des résultats enrichis, notamment :
- Schéma vidéo. Vous pouvez baliser les diffusions en direct et les vidéos de produits. Les balisages pour la description vidéo, l'URL de miniature, la date, la durée, et plus peuvent augmenter la visibilité dans la recherche vidéo, Google Images et Google Discover.
- Schéma avis. Le schéma avis ajoute un balisage structurel aux avis d'utilisateurs. Il inclut des informations sur le critique, la note et le contenu de l'avis.
- Schéma article. Ceci balise les détails des articles de blog et articles informatifs, comme le titre, l'auteur, la date de publication, les FAQ et le corps de l'article.
- Schéma actualités. Le schéma actualités fournit du contexte pour les articles liés aux actualités, notamment le titre, l'auteur, la date de publication et le corps de l'article.
Balisage Schema pour l’e-commerce - FAQ
Comment le balisage Schema pour l’e-commerce peut-il impacter la visibilité de ma boutique en ligne ?
Le balisage Schema pour l’e-commerce améliore la visibilité de votre boutique en ligne en permettant aux moteurs de recherche de comprendre plus efficacement les informations produit. L'implémentation du balisage Schema peut conduire à des extraits enrichis dans les résultats de recherche, mettant en évidence des données clés telles que les prix et les avis. Cette visibilité améliorée se traduit souvent par des taux de clic plus élevés, générant finalement plus de trafic et de ventes potentielles vers votre site e-commerce.
Qu'est-ce que le balisage Schema dans l'e-commerce ?
Le balisage Schema est la description du contenu d'une page web sous la forme d'un vocabulaire de données structurées. Dans l'e-commerce, différents types de schémas aident Google à comprendre des informations significatives telles que les produits, les prix, la disponibilité et les avis.
Shopify utilise-t-il le balisage Schema ?
Le schéma produit est intégré dans de nombreux thèmes de boutique Shopify, y compris dans le thème gratuit Dawn. Cependant, vous pouvez également ajouter manuellement des données structurées supplémentaires à un site web Shopify avec un filtre Liquid de données structurées, ou utiliser des applications de balisage Schema pour automatiser le processus.
Qu'est-ce qu'un exemple de balisage Schema ?
Un schéma produit de base pour l'e-commerce inclut du code de balisage produit pour capturer des informations comme le nom, le prix, l'image et la disponibilité. Chaque attribut consiste en un nom et une valeur, comme "price" : 79€.
