Comment ajouter un schéma de produit dans Shopify

Le schéma du produit Shopify doit décrire le produit qu'un acheteur peut réellement acheter : nom, image, description, marque, prix, devise, disponibilité, URL et signaux d'avis lorsqu'ils sont réels et visibles.

La partie délicate est que les thèmes Shopify, les applications de référencement, les applications d'avis et les variantes d'applications peuvent tous générer du JSON-LD. Avant d'ajouter du balisage, vérifiez ce qui existe déjà.

1. Auditez d'abord le schéma Shopify existant

2. Où ajouter un schéma de produit dans Shopify

Dans la plupart des thèmes Shopify, le produit JSON-LD appartient à un modèle de produit ou à une section de produit qui a accès à l'objet Liquid du produit. Le fichier exact dépend de l'architecture de votre thème, mais les éléments courants incluent les modèles JSON du produit, les sections du produit principal ou les extraits de code inclus uniquement sur les pages du produit.

3. Produit Shopify de base JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": {{ product.title | json }},
  "description": {{ product.description | strip_html | json }},
  "image": [
    {% for image in product.images limit: 6 %}
      {{ image | image_url: width: 1200 | prepend: "https:" | json }}{% unless forloop.last %},{% endunless %}
    {% endfor %}
  ],
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "sku": {{ product.selected_or_first_available_variant.sku | json }},
  "offers": {
    "@type": "Offer",
    "url": {{ shop.url | append: product.url | json }},
    "priceCurrency": {{ cart.currency.iso_code | json }},
    "price": {{ product.selected_or_first_available_variant.price | divided_by: 100.0 | json }},
    "availability": "https://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}",
    "itemCondition": "https://schema.org/NewCondition"
  }
}
</script>

4. Gérez les variantes avec soin

Les produits Shopify comportent souvent des variantes en termes de taille, de couleur, de matériau, de quantité ou d'abonnement. Si les variantes changent de prix ou de disponibilité, votre schéma ne doit pas revendiquer une offre générique qui contredit la variante sélectionnée ou canonique.

5. Marchés Shopify, devise et hreflang

Si vous utilisez Shopify Markets, le même produit peut afficher des devises, des URL, une disponibilité et un contenu localisé différents. Le schéma du produit doit correspondre à la page spécifique au marché que voient le robot d'exploration et l'acheteur.

6. Ajoutez un schéma d'avis uniquement lorsque les avis sont réels et visibles

Les applications de révision peuvent générer des balises AggregateRating et Review. N'inventez pas manuellement un schéma de révision si le contenu de la révision n'est pas visible ou si l'application le génère déjà. Les balises de révision en double peuvent créer des conflits.

7. Ajouter BreadcrumbList pour le contexte du produit

Le schéma de fil d'Ariane aide à expliquer la hiérarchie des produits. Dans Shopify, les produits peuvent apparaître dans plusieurs collections, alors choisissez une stratégie de fil d'Ariane stable qui correspond à la page visible plutôt que de basculer de manière imprévisible.

8. Valider après les modifications du thème et de l'application