Shopify에 제품 스키마를 추가하는 방법

Shopify 제품 스키마는 이름, 이미지, 설명, 브랜드, 가격, 통화, 재고 여부, URL, 리뷰 신호 등 쇼핑객이 실제로 구매할 수 있는 제품을 설명해야 합니다.

까다로운 부분은 Shopify 테마, SEO 앱, 리뷰 앱, 변형 앱이 모두 JSON-LD를 출력할 수 있다는 것입니다. 더 많은 마크업을 추가하기 전에 이미 존재하는 내용을 감사하세요.

1. 기존 Shopify 스키마를 먼저 감사

2. Shopify에서 제품 스키마를 추가하는 위치

대부분의 Shopify 테마에서 제품 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. 테마 및 앱 변경 후 유효성 검사