이 도움말에서는 제품 데이터에 구조화된 데이터 마크업을 구현하는 방법을 설명합니다.
- 시작하기 전에 판매자 센터의 구조화된 데이터 마크업 정보를 검토하고 사이트가 요구사항을 충족하는지 확인하시기 바랍니다.
- 판매자 센터 제품 데이터 외의 구조화된 데이터에 관한 일반적인 가이드라인은 schema.org의 시작 가이드를 참조하세요. 또한 Search Console을 사용하여 구조화된 데이터 관련 문제를 해결하고 사이트의 검색 트래픽 및 실적을 측정하는 것이 좋습니다.
- 추가 안내는 제품 검색 구조화된 데이터 자료, 특히 판매자 등록정보의 섹션을 참고하세요.
이 페이지의 내용
시작하기
구조화된 데이터 마크업을 웹사이트에 추가하려면 사이트의 HTML 또는 쇼핑 시스템의 템플릿 구성에 액세스하여 수정할 수 있는 권한이 필요합니다. 마크업은 사이트에 제품 데이터가 있음을 검색엔진 크롤러와 봇에 알리고 시스템에서 데이터를 안정적으로 이해하는 데 도움을 주는 HTML 태그 주석입니다.
Google 크롤러에서 구조화된 데이터와 제품 데이터를 일치시키려면 다음 두 조건 중 하나를 충족해야 합니다.
- 방문 페이지에 단일 쿠폰이 존재합니다.
- 전체 페이지에 여러 개의 쿠폰이 있는 경우에는 페이지의 쿠폰마다 SKU 또는 GTIN 주석이 포함되어 있고 쇼핑의 제품 데이터에 포함된 각 쿠폰이 동일한 SKU(ID
[id]속성) 또는 GTIN(GTIN[gtin]속성)을 사용합니다. 이는 같은 방문 페이지에서 동일한 제품(예: 다양한 크기나 색상 또는 관련 제품)의 여러 옵션을 표시할 때 유용합니다.
이러한 조건 중 하나 이상이 충족되지 않으면 방문 페이지의 제품과 제품 데이터가 일치하지 않을 수 있습니다.
웹사이트에서 구조화된 데이터 마크업을 설정하는 방법에 대한 자세한 내용은 schema.org의 시작 가이드를 참조하세요. 기계 판독이 가능한 정보 버전에 대한 schema.org 섹션을 참고하면 구조화된 데이터를 이해하고 명시하는 데 도움이 됩니다.
구조화된 데이터 마크업 추가
사이트에 구조화된 데이터 마크업을 추가하려면 HTML 마크업에 JSON-LD로 추가하는 것이 좋습니다. 자세한 내용은 Google 검색의 구조화된 데이터 마크업 소개를 참고하세요.
JSON-LD 마크업은 사용자 대상 코드와 구분되어 유지 관리가 쉽습니다. Google 사용을 위해 특별히 설계된 구조화된 데이터 마크업은 사이트의 시각적 요소를 변경하지 않고도 추가할 수 있습니다.
사이트에서 전자상거래 플랫폼을 사용한다면 구조화된 데이터를 추가하기 전에 플랫폼 템플릿 또는 코드를 일부 변경해야 할 수도 있습니다. 또한 사이트에서 템플릿 및 페이지 수준 애플리케이션용 자바스크립트를 지원할 수 있어야 합니다.
예시
JSON-LD
{
"@context": "https://schema.org/",
"@type": "Product",
"sku": "trinket-12345",
"image": "https://www.example.com/trinket.jpg",
"name": "멋진 장신구",
"description": "깔끔한 선이 멋스러운 장신구",
"gtin": "12345678901234",
"brand": {
"@type": "Brand",
"name": "MyBrand"
},
"offers": {
"@type": "Offer",
"url": "http://www.example.com/trinket_offer",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"price": "39.99",
"priceCurrency": "USD"
}
추가된 구조화된 데이터 마크업은 HTML 소스 어디에나 있을 수 있습니다. 추가된 마크업은 웹 서버에서 반환된 HTML에 존재해야 하며 자바스크립트를 사용해 페이지를 로드한 후에는 생성할 수 없습니다.
제품 및 쿠폰
방문 페이지에는 제품을 설명하는 제품 객체가 있어야 하며 이 제품의 판매 방법을 설명하는 중첩된 쿠폰 객체가 쿠폰 필드에 포함되어야 합니다.
소수점 구분 기호로 쉼표 대신 마침표를 사용해 가격을 지정해야 합니다. 방문 페이지에서 가격을 다양한 통화로 표시하는 경우 쿠폰 유형의 여러 객체를 사용할 수 있습니다. 쿠폰 객체를 여러 개 사용하는 경우에는 priceCurrency 속성을 사용해 통화를 지정해야 합니다.
할인가가 방문 페이지에 표시되며 이 가격이 해당 시점에 사용자가 실제로 지불하는 금액이라면 할인가가 구조화된 데이터로 제공되어야 합니다.
중요: 일부 제품 사양 속성은 schema.org에서 지원되지 않습니다. 상품 자동 업데이트를 사용하려면 price, priceCurrency, availability, condition 등의 schema.org 값을 지정해야 합니다. 지원되는 구조화된 데이터 속성 자세히 알아보기
마크업 테스트
Search Console 또는 리치 결과 도구를 사용하여 schema.org 구현을 테스트할 수 있습니다. 도구 사용, 문제 디버깅, 도구에서 결과를 해석하는 방법은 Google Search Console 고객센터를 참조하세요.