Productschema toevoegen in Shopify

Het Shopify-productschema moet het product beschrijven dat een klant daadwerkelijk kan kopen: naam, afbeelding, beschrijving, merk, prijs, valuta, beschikbaarheid, URL en beoordelingssignalen wanneer deze echt en zichtbaar zijn.

Het lastige is dat Shopify-thema's, SEO-apps, recensie-apps en variant-apps allemaal JSON-LD kunnen uitvoeren. Voordat u meer markeringen toevoegt, controleert u wat er al bestaat.

1. Controleer eerst het bestaande Shopify-schema

2. Waar u een productschema kunt toevoegen in Shopify

In de meeste Shopify-thema's hoort Product JSON-LD thuis in een productsjabloon of productsectie die toegang heeft tot het Liquid-object van het product. Het exacte bestand is afhankelijk van uw thema-architectuur, maar veel voorkomende plaatsen zijn product-JSON-sjablonen, hoofdproductsecties of fragmenten die alleen op productpagina's staan.

3. Basis Shopify-product 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. Ga zorgvuldig om met varianten

Shopify-producten hebben vaak varianten voor maat, kleur, materiaal, aantal of abonnement. Als varianten de prijs of beschikbaarheid veranderen, mag uw schema geen generieke aanbieding claimen die in tegenspraak is met de geselecteerde of canonieke variant.

5. Shopify Markten, valuta en hreflang

Als u Shopify Markets gebruikt, kan hetzelfde product verschillende valuta's, URL's, beschikbaarheid en gelokaliseerde inhoud weergeven. Het productschema moet overeenkomen met de marktspecifieke pagina die de crawler en de shopper te zien krijgen.

6. Voeg alleen een beoordelingsschema toe als beoordelingen echt en zichtbaar zijn

Review-apps kunnen AggregateRating en Review-markeringen uitvoeren. Bedenk het beoordelingsschema niet handmatig als de beoordelingsinhoud niet zichtbaar is of als de app deze al uitvoert. Dubbele beoordelingsmarkeringen kunnen conflicten veroorzaken.

7. Voeg BreadcrumbList toe voor productcontext

Broodkruimelschema helpt de producthiërarchie uit te leggen. In Shopify kunnen producten in meerdere collecties verschijnen, dus kies een stabiele broodkruimelstrategie die overeenkomt met de zichtbare pagina in plaats van onvoorspelbaar te wisselen.

8. Valideer na thema- en app-wijzigingen