Como adicionar esquema de produto no Shopify

O esquema de produto do Shopify deve descrever o produto que um comprador pode realmente comprar: nome, imagem, descrição, marca, preço, moeda, disponibilidade, URL e sinais de avaliação quando forem reais e visíveis.

A parte complicada é que temas do Shopify, aplicativos de SEO, aplicativos de avaliação e aplicativos variantes podem gerar JSON-LD. Antes de adicionar mais marcações, audite o que já existe.

1. Audite primeiro o esquema existente do Shopify

2. Onde adicionar o esquema do produto no Shopify

Na maioria dos temas do Shopify, o Produto JSON-LD pertence a um modelo de produto ou seção de produto que tem acesso ao objeto Líquido do produto. O arquivo exato depende da arquitetura do seu tema, mas os locais comuns incluem modelos JSON do produto, seções do produto principal ou snippets incluídos apenas nas páginas do produto.

3. Produto básico do 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. Trate as variantes com cuidado

Os produtos do Shopify geralmente têm variantes de tamanho, cor, material, quantidade ou assinatura. Se as variantes alterarem o preço ou a disponibilidade, seu esquema não deverá reivindicar uma oferta genérica que contradiga a variante selecionada ou canônica.

5. Shopify Markets, moeda e hreflang

Se você usa o Shopify Markets, o mesmo produto pode renderizar diferentes moedas, URLs, disponibilidade e conteúdo localizado. O esquema do produto deve corresponder à página específica do mercado que o rastreador e o comprador veem.

6. Adicione esquema de avaliação somente quando as avaliações forem reais e visíveis

Aplicativos de avaliação podem gerar marcações AggregateRating e Review. Não invente manualmente o esquema de revisão se o conteúdo da revisão não estiver visível ou se o aplicativo já o gerar. A marcação de revisão duplicada pode criar conflitos.

7. Adicione BreadcrumbList para contexto do produto

O esquema breadcrumb ajuda a explicar a hierarquia do produto. Na Shopify, os produtos podem aparecer em várias coleções, então escolha uma estratégia de localização atual estável que corresponda à página visível em vez de mudar de forma imprevisível.

8. Validar após alterações de tema e aplicativo