Comment ajouter des données structurées dans Shopify (2026)

Points clés à retenir

• Shopify ajoute automatiquement les schémas Product, Organization et BreadcrumbList aux pages standard.
• Pour le schéma FAQPage (qui active les résultats enrichis de FAQ dans Google), vous devez ajouter une section FAQ avec le bon balisage ou utiliser une application.
• Les types de schémas supplémentaires (HowTo, Article, Event) nécessitent de modifier le fichier theme.liquid ou d’utiliser Fudge.
• Testez toutes les données structurées avec le Test des résultats enrichis de Google avant de considérer le travail terminé.

Les données structurées Shopify sont le code JSON-LD dans le HTML de votre boutique qui indique précisément à Google ce qui se trouve sur chaque page : vos produits, prix, FAQ et les détails de votre marque. Ce code suit le vocabulaire de schema.org, c’est pourquoi on l’appelle aussi balisage schema. Lorsque Google peut lire votre contenu en tant que données structurées, il peut afficher des résultats enrichis : des évaluations par étoiles, des fourchettes de prix, des menus déroulants de FAQ et d’autres annonces améliorées qui prennent plus de place et attirent plus de clics.

Comment ajouter des données structurées à Shopify ?

Trois étapes :

1. Vérifiez ce que votre thème génère déjà. Les thèmes Shopify ajoutent automatiquement les schémas Product, Organization et BreadcrumbList - ne les dupliquez pas.
2. Ajoutez ce qui manque pour vos pages : FAQPage, Article, VideoObject ou un schéma Product plus complet. Utilisez une application, modifiez le code du thème ou décrivez ce dont vous avez besoin à Fudge.
3. Validez avec le Test des résultats enrichis de Google pour que les erreurs ne bloquent pas silencieusement vos résultats enrichis.

Le reste de ce guide détaille chaque étape.

Ce que Shopify ajoute automatiquement

Les thèmes intégrés de Shopify (Dawn et autres) incluent plusieurs types de schema d’origine :

Product schema — sur chaque page produit. Inclut le nom, la description, l’image, le prix, la devise et la disponibilité. C’est ce qui active les évaluations par étoiles et les fourchettes de prix que vous voyez dans les résultats de recherche Google pour les produits.

Organization schema — généralement dans le footer ou theme.liquid. Inclut le nom de votre boutique, l’URL et le logo.

BreadcrumbList schema — sur les pages de collection et de produits. Aide Google à afficher le fil d’Ariane (Accueil > Collection > Produit) dans les résultats de recherche.

Pour vérifier ce qui figure déjà sur vos pages, visitez une page produit, faites un clic droit → Code source de la page, et cherchez application/ld+json. Vous verrez les blocs de schema JSON-LD que Shopify a déjà ajoutés.

Vous pouvez aussi coller votre URL dans l’Outil de test des résultats enrichis de Google (Rich Results Test) pour voir tous les schemas détectés.

Articles liés : Ajouter des widgets d’avis sur Shopify.

Comment ajouter le schéma Product dans Shopify

Shopify ajoute automatiquement un schéma Product de base aux pages de produits. La vraie question est de savoir si le vôtre est complet - un schéma Product incomplet sera toujours validé, mais Google affiche des annonces plus riches pour les pages qui remplissent plus de champs.

Ce que le schéma Product par défaut de Shopify inclut : nom du produit, description, image, prix, devise, disponibilité et SKU.

Ce qui manque généralement :

• brand - Google l’utilise pour regrouper vos produits sous votre marque dans les résultats Shopping.
• gtin / mpn - le code-barres ou le numéro de pièce du fabricant. Requis pour le traitement le plus complet des annonces marchandes. Shopify stocke les codes-barres par variante ; le schéma ne les inclut que si votre thème les génère.
• aggregateRating et review - les évaluations par étoiles dans les résultats de recherche. Celles-ci proviennent de votre application d’avis (Judge.me, Loox et similaires injectent tous leur propre schéma), pas de Shopify lui-même. Si vous avez des avis mais pas d’étoiles dans Google, le schéma de votre application d’avis est le premier endroit à vérifier. Voir comment ajouter des widgets d’avis dans Shopify.

Vérifiez ce que vos pages de produits génèrent

Collez l’URL d’un produit dans le Test des résultats enrichis de Google. Sous « Annonces marchand » et « Extraits de produit », vous verrez tous les champs que Google a détectés, ainsi que des avertissements pour les champs qu’il attendait mais n’a pas trouvés. Les avertissements ne bloquent pas les résultats enrichis, mais chacun d’eux est un champ que vos concurrents remplissent peut-être.

Ajoutez les champs manquants dans votre thème

Votre thème génère le schéma Product à partir d’un fichier Liquid - recherchez application/ld+json dans le code du thème (Boutique en ligne → Thèmes → Modifier le code) pour le trouver. Complétez-le avec les champs manquants plutôt que d’ajouter un second bloc Product :

"brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
},
{%- if product.selected_or_first_available_variant.barcode != blank -%}
"gtin": {{ product.selected_or_first_available_variant.barcode | json }},
{%- endif -%}

Si votre thème n’a aucun schéma Product (certains thèmes plus anciens ou fortement personnalisés le suppriment), ajoutez un bloc complet au modèle de produit :

<script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": {{ product.title | json }},
    "description": {{ product.description | strip_html | json }},
    "image": {{ product.featured_image | image_url: width: 1200 | prepend: "https:" | json }},
    "brand": { "@type": "Brand", "name": {{ product.vendor | json }} },
    "offers": {
        "@type": "Offer",
        "url": {{ request.origin | append: product.url | json }},
        "price": {{ product.selected_or_first_available_variant.price | divided_by: 100.0 | json }},
        "priceCurrency": {{ cart.currency.iso_code | json }},
        "availability": "https://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}"
    }
}
</script>

Une règle : ne jamais coder en dur les prix, les évaluations ou la disponibilité comme des valeurs littérales. Récupérez-les à partir d’objets Liquid comme ci-dessus pour que le schéma reste fidèle aux changements de votre catalogue.

Si vous préférez ne pas modifier le code Liquid, décrivez le changement à Fudge : « étendre mon schéma de produit avec les champs de marque et de code-barres » - il localisera le schéma existant du thème et le modifiera sur place.

Types de balisage schema Shopify : quoi utiliser et où

Le schéma Product est un début, pas la totalité du travail. Voici l’ensemble complet des types de balisage schema qui sont importants pour une boutique Shopify :

Deux avertissements honnêtes : Google a retiré le résultat enrichi visible HowTo en 2023, donc le balisage HowTo aide maintenant principalement les lecteurs automatiques plutôt que de mériter une apparence de recherche spéciale. Et ajouter un type de ce tableau vous rend éligible à son résultat enrichi - Google décide toujours par requête s’il doit l’afficher.

Le balisage schema est également l’un des signaux les plus forts pour les moteurs de recherche IA qui décident quoi citer. Si cela fait partie de votre objectif, consultez notre guide sur l’optimisation pour les moteurs de réponse pour Shopify.

Ajout du schéma FAQPage

Le schéma FAQPage permet à Google d’afficher vos réponses de FAQ directement dans les résultats de recherche sous forme de menus déroulants extensibles. Cela peut augmenter considérablement l’espace que votre résultat occupe sur la page — plus d’espace signifie plus de clics.

Méthode 1 — Utiliser une application

Des applications comme FAQs by Relishify ou HelpCenter génèrent automatiquement le schéma FAQPage approprié lorsque vous créez des FAQ via leur interface. C’est l’approche la plus simple.

Méthode 2 — Ajouter une section FAQ avec un schéma

Si vous souhaitez ajouter des FAQ nativement sans application, vous devrez :

1. Créer ou modifier une section dans votre thème (Boutique en ligne → Thèmes → Modifier le code → sections/)
2. Ajouter le HTML pour les questions et réponses de la FAQ
3. Inclure un schéma JSON-LD FAQPage qui référence ces questions

Le JSON-LD ressemble à ceci :

{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "How long does shipping take?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Standard shipping takes 3-5 business days."
            }
        }
    ]
}

Ce JSON va dans une balise <script type="application/ld+json">. Fudge peut créer cela pour vous — décrivez la section FAQ que vous souhaitez et il génère à la fois le contenu visible et le balisage schema.

Méthode 3 — Fudge

Décrivez ce dont vous avez besoin : « Ajouter une section FAQ à mes pages de produits avec des données structurées pour les résultats enrichis. » Fudge génère la section avec le schéma JSON-LD approprié intégré.

Connexe : Ajouter du JavaScript personnalisé dans Shopify.

Connexe : Créer une page FAQ dans Shopify.

Ajout de types de schémas personnalisés

Pour les types de schémas au-delà de Product et FAQ — comme HowTo, Article ou VideoObject — vous devrez ajouter le JSON-LD directement à votre thème.

Pour un schéma à l’échelle du site (Organization, WebSite) : modifiez theme.liquid dans la section <head>.

Pour un schéma spécifique à un modèle (Article sur les billets de blog, HowTo sur les pages de guide) : ajoutez le JSON-LD au fichier de modèle correspondant dans le dossier templates/.

Travaillez toujours sur un thème dupliqué. Boutique en ligne → Thèmes → menu à trois points → Dupliquer avant de modifier le moindre code.

Comment tester les données structurées dans Shopify : guide du validateur

Des erreurs dans vos données structurées peuvent empêcher l’affichage des résultats enrichis même si le schéma est présent. Voici la routine de test que nous utilisons après chaque modification de schéma :

Étape 1 - Lancez le Test des résultats enrichis. Collez l’URL de votre page dans le Test des résultats enrichis de Google. Il récupère la page comme le fait Googlebot, il détecte donc les problèmes qu’une lecture du code source manquerait (comme un schéma injecté par une application avec JavaScript).

Étape 2 - Lisez correctement les trois niveaux de résultats. Le test regroupe les résultats par type de schéma :

• Éléments valides - éligibles aux résultats enrichis. C’est bon.
• Avertissements (« problèmes non critiques ») - champs facultatifs que vous avez laissés vides, comme gtin ou aggregateRating sur un produit. Les résultats enrichis s’affichent quand même, mais les remplir permet d’obtenir des annonces plus complètes.
• Erreurs - champs obligatoires manquants ou malformés. Ce type de schéma est inéligible jusqu’à ce que ce soit corrigé.

Étape 3 - Corrigez les erreurs à la source qui les a produites. Un schéma généré par le thème est corrigé dans le fichier Liquid ; un schéma injecté par une application est corrigé dans les paramètres de l’application (ou en supprimant une application en double). Relancez ensuite le test.

Étape 4 - Vérifiez les types non-Google avec le Schema Markup Validator. L’outil de Google ne signale que les types pour lesquels il affiche des résultats enrichis. validator.schema.org valide tout le reste par rapport au vocabulaire de schema.org.

Étape 5 - Surveillez dans Google Search Console. Sous Améliorations, Google Search Console affiche les types de résultats enrichis que Google a détectés sur l’ensemble de votre site et signale les pages contenant des erreurs - votre système d’alerte précoce lorsqu’une mise à jour de thème casse un schéma. Après une correction, utilisez Inspection de l’URL → Demander une indexation pour accélérer la nouvelle exploration.

Deux de nos outils gratuits couvrent la vue à l’échelle de la boutique :

• Vérificateur de préparation à l’IA pour Shopify - signale les données structurées manquantes, les lacunes de lisibilité par machine et d’autres signaux sur lesquels les agents d’achat IA s’appuient
• Audit des données du catalogue Shopify - analyse les données des produits elles-mêmes : catégories, identifiants, couverture du schéma et le niveau de détail dont les agents ont besoin pour faire correspondre les produits aux requêtes

Erreurs courantes de données structurées sur Shopify

Ajouter un schéma pour du contenu qui n’est pas sur la page. Si votre schéma de FAQ référence des questions qui n’apparaissent pas en texte visible sur la page, Google peut l’ignorer ou le pénaliser comme étant trompeur.

Schéma en double. Si vous installez une application de SEO qui ajoute un schéma par-dessus le schéma intégré de Shopify, vous pourriez avoir des schémas Product en double. Vérifiez le Test des résultats enrichis pour des avertissements à ce sujet.

Prix obsolètes dans le schéma Product. Le schéma Product intégré de Shopify se met à jour dynamiquement avec les prix de vos produits, mais un schéma ajouté manuellement peut contenir des valeurs codées en dur qui deviennent obsolètes.

FAQ

Connexe : Modifier les méta-descriptions dans Shopify.