by Categories Our Services

이커머스를 위한 제품 스키마(Schema) 작성 방법

이커머스를 위한 제품 스키마(Schema) 작성 방법 이커머스를 위한 제품 스키마(Schema) 작성 방법

스키마는 페이지와 클릭률을 개선할 수 있는 방법 중 하나입니다. 제품 스키마는 어떤 것이고 어떻게 작성하는지 정리해봤습니다.

2023.09.18 by 최 민정

상품 판매하는 이커머스에서 사용할 수 있는 제품 스키마에 대해서 알아봤습니다. 스키마는 페이지와 클릭률을 개선할 수 있는 방법 중 하나입니다. 제품 스키마는 어떤 것이고 어떻게 작성하는지 정리해봤습니다.

스키마(Schema)란?

스키마(Schema)

스키마 마크업(구조화된 데이터)은 검색 엔진이 웹사이트의 콘텐츠를 이해하는 데 도움을 주기 위해 만든 언어입니다. 웹사이트의 HTML <head>영역에 삽입됩니다. 웹사이트에 제품을 마크업하면 콘텐츠가 검색에서 리치 스니펫에 포함될 수 있습니다.

스키마(Schema) 효과

제품 스키마를 설정하면 검색 결과에서 다양한 정보를 구매자에게 보여줄 수 있습니다. 가격, 평점, 리뷰 내용, 제품 재고 현황, 배송료 등을 포함할 수 있습니다. 스키마(구조화된 데이터)를 추가하여 페이지를 개선하게 되면 CTR(클릭률)이 상승하는 효과도 있습니다. 단, 모든 스키마가 검색 결과에서 표시되는 것은 아닙니다.

스키마(Schema) 작성 형식

  1. JSON-LD(*권장) : HTML <head>, <body> 요소에 있는 <script> 태그 내에 삽입되는 자바스크립트 표기입니다. 일반적으로 구현 및 유지 보수가 가장 쉬운 형식인 JSON-LD 사용을 권장합니다.
  2. 마이크로데이터 : HTML 콘텐츠 내에 구조화된 데이터를 중첩하는 데 사용되는 개방형 커뮤니티 HTML 사양입니다. 대게 <body> 요소에 사용되지만 <head> 요소에 사용될 수도 있습니다.
  3. RDFa : 검색엔진에 제시하려는 콘텐츠에 해당 HTML 태그 속성을 도입하여 연결된 데이터를 지원하는 HTML5 확장입니다. 일반적으로 HTML 페이지의 <head>, <body> ah두에 사용됩니다.

스키마 작성에는 다양한 방법이 있습니다. 이 중에서 구글은 작성 및 유지보수에 용이한 JSON-LD를 권장합니다.

커머스에서 사용하는 스키마(Schema)

Product Schema(제품 스키마)

제품 스키마는 제품 페이지에 구조화된 데이터를 추가하면 검색 결과에서 제품에 대한 추가 정보(별점, 리뷰, 가격, 재고 여부 등)를 더 풍부하게 표시할 수 있습니다. 검색 사용자는 제품에 대한 추가 정보를 검색 결과에서 빠르게 확인할 수 있습니다.

자주 사용하는 스키마

스키마 작성은 권장하는 JSON-LD 형식으로 정리했습니다. 제품 내용/정보가 들어가는 곳은 코드를 참고하세요.

제품 정보

제품명, 제품에 대한 설명, 브랜드, 제품 URL, 이미지URL, 제품 재고 단위 등 판매 제품에 대한 다양한 정보를 구조화된 데이터로 설정 가능합니다.

<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "제품명",
"image": "이미지URL",
"description": "제품 설명문",
"brand": {
"@type": "Brand",
"name": "브랜드명"
},
"sku": "OAT3-CASE(제품 재고 단위)",
"offers": {
"@type": "Offer",
"url": "제품URL",
"priceCurrency": "화폐 통화",
"price": "13.52",
}
}

제품 가격

판매 제품의 단일 가격부터 옵션에 해당하는 최저 가격과 최고 가격까지 설정할 수 있습니다.

  • 단일 가격
    "offers": {
"@type": "Offer",
"url": "제품URL",
"priceCurrency": "화폐 통화",
"price": "13.52",
}
}
    • 가격 범위 설정
    "offers":{
"@type":"AggregateOffer",
"lowPrice":"최저가격",
"highPrice":"최고가격",
"priceCurrency":"화폐 통화",
"availability":"http//schema.org/InStock"
}

    제품 리뷰

    제품의 리뷰 개수부터 평점, 리뷰 작성자, 리뷰 내용을 추가할 수 있습니다.

    <script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "Product", 
  "name": "제품명",
  "image": "제품 사진 url",
  "description": "제품 설명문",
  "brand": {
    "@type": "Brand",
    "name": "브랜드명"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4",
    "ratingCount": "1",
    "reviewCount": "1"
  },
  "review": {
    "@type": "Review",
    "name": "리뷰 제목",
    "reviewBody": "리뷰 내용",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "4"
    },
    "author": {"@type": "Person", "name": "리뷰 작성자"}
  }
}
</script>

    스키마 작성에는 다양한 방법이 존재합니다. 다양한 구성 요소를 확인하여 필요한 요소를 사용하는 것을 추천드립니다. 스키마에 대한 내용은 Schema.org와 구글 공식 문서를 확인하세요.

    다음 글에서는 스키마 작성에 유용한 사이트/툴을 알려드리겠습니다.

    Popular