Как добавить схему продукта в Shopify

Схема продукта Shopify должна описывать продукт, который покупатель действительно может купить: имя, изображение, описание, бренд, цена, валюта, доступность, URL-адрес и сигналы отзывов, когда они реальны и видимы.

Сложность заключается в том, что темы Shopify, приложения SEO, приложения для отзывов и варианты приложений могут выводить JSON-LD. Прежде чем добавлять дополнительную разметку, проверьте то, что уже существует.

1. Сначала проверьте существующую схему Shopify

2. Где добавить схему продукта в Shopify

В большинстве тем Shopify Product JSON-LD принадлежит шаблону продукта или разделу продукта, который имеет доступ к объекту Liquid продукта. Конкретный файл зависит от архитектуры вашей темы, но часто встречаются шаблоны продуктов JSON, разделы основного продукта или фрагменты, включенные только на страницы продуктов.

3. Базовый продукт 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. Обращайтесь с вариантами осторожно

Продукты Shopify часто имеют варианты по размеру, цвету, материалу, количеству или подписке. Если варианты меняют цену или доступность, ваша схема не должна заявлять ни одного общего предложения, противоречащего выбранному или каноническому варианту.

5. Shopify Рынки, валюта и hreflang

Если вы используете Shopify Markets, один и тот же продукт может отображать разные валюты, URL-адреса, доступность и локализованный контент. Схема продукта должна соответствовать странице конкретного рынка, которую видят сканер и покупатель.

6. Добавляйте схему отзывов только в том случае, если отзывы реальны и видимы

Приложения для просмотра могут выводить разметку AggregateRating и Review. Не придумывайте схему обзора вручную, если содержимое обзора не отображается или приложение уже выводит его. Повторяющаяся разметка отзыва может привести к конфликтам.

7. Добавьте BreadcrumbList для контекста продукта

Схема навигации помогает объяснить иерархию продуктов. В Shopify товары могут появляться в нескольких коллекциях, поэтому выбирайте стабильную стратегию навигации, которая соответствует видимой странице, а не переключается непредсказуемо.

8. Проверка после изменения темы и приложения