Jak dodać schemat produktu w Shopify

Schemat produktu Shopify powinien opisywać produkt, który kupujący może faktycznie kupić: nazwa, zdjęcie, opis, marka, cena, waluta, dostępność, adres URL i sygnały recenzji, jeśli są prawdziwe i widoczne.

Problem polega na tym, że motywy Shopify, aplikacje SEO, aplikacje do recenzji i aplikacje wariantowe mogą generować dane w formacie JSON-LD. Zanim dodasz więcej znaczników, sprawdź to, co już istnieje.

1. Najpierw przeprowadź audyt istniejącego schematu Shopify

2. Gdzie dodać schemat produktu w Shopify

W większości motywów Shopify produkt JSON-LD należy do szablonu produktu lub sekcji produktu, która ma dostęp do obiektu Liquid produktu. Dokładny plik zależy od architektury motywu, ale typowe miejsca obejmują szablony JSON produktów, sekcje głównych produktów lub fragmenty zawarte tylko na stronach produktów.

3. Podstawowy produkt Shopify 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. Ostrożnie obchodź się z wariantami

Produkty Shopify często mają warianty pod względem rozmiaru, koloru, materiału, ilości lub subskrypcji. Jeśli warianty zmienią cenę lub dostępność, Twój schemat nie powinien żądać jednej ogólnej oferty, która jest sprzeczna z wybranym lub kanonicznym wariantem.

5. Shopify Markets, waluta i hreflang

Jeśli korzystasz z Shopify Markets, ten sam produkt może renderować różne waluty, adresy URL, dostępność i zlokalizowaną treść. Schemat produktu powinien odpowiadać stronie specyficznej dla rynku, którą widzi robot i kupujący.

6. Dodaj schemat recenzji tylko wtedy, gdy recenzje są prawdziwe i widoczne

Aplikacje do recenzji mogą generować znaczniki AggregateRating i Review. Nie twórz ręcznie schematu recenzji, jeśli treść recenzji nie jest widoczna lub jeśli aplikacja już ją generuje. Zduplikowane znaczniki recenzji mogą powodować konflikty.

7. Dodaj BreadcrumbList dla kontekstu produktu

Schemat nawigacyjny pomaga wyjaśnić hierarchię produktów. W Shopify produkty mogą pojawiać się w wielu kolekcjach, więc wybierz stabilną strategię nawigacyjną, która pasuje do widocznej strony, zamiast przełączać się w sposób nieprzewidywalny.

8. Zatwierdź po zmianach motywu i aplikacji