이커머스 스키마 설명: 작동 방식과 활용 팁

검색 엔진은 사이트 크롤러를 사용해 웹사이트의 콘텐츠를 이해하고, 새로 생성되거나 업데이트된 페이지를 색인화합니다. 이를 통해 각 페이지를 분류하고, 사용자에게 가장 적합한 페이지로 안내할 수 있습니다.

하지만 때로는 검색 엔진에도 추가적인 도움이 필요합니다. 수많은 상품과 가격 정보, 지속적으로 추가되는 콘텐츠를 크롤링해야 하는 이커머스 웹사이트는 검색 엔진에 특히 큰 과제입니다. 스키마 마크업은 검색 엔진이 이커머스 사이트의 구조와 콘텐츠의 관련성을 더 명확하게 이해하도록 도와주며, 이는 정확한 색인화와 검색 결과 노출을 위해 아주 중요합니다.

본 블로그에서 이커머스 스키마와 이것이 자연 검색 트래픽에 어떤 영향을 미치는지 자세히 알아보세요.

구조화된 데이터란?

구조화된 데이터는 웹 페이지의 의미 있는 요소를 표시하는 기계가 읽을 수 있는 코드입니다. 스키마 코드 또는 스키마 마크업이라고 불리는 이러한 맥락 정보 패키지는 검색 엔진에게 콘텐츠의 의미를 알려 주어 웹 페이지를 정확하게 분석하고 분류할 수 있도록 합니다.

Google(구글) 판매자 센터와 공유하는 상품 데이터에 구조화된 데이터 마크업을 추가하면, Google이 Google 검색, Google 쇼핑, Google 이미지, Google 지도 전반에서 상품 정보를 정확하게 표시하는 데 도움이 됩니다. 구조화된 데이터는 클릭률(CTR)을 높이는 데 기여할 수 있으며, 이는 Google 검색 결과에서 순위 개선에도 도움이 될 수 있습니다.

스키마가 나타나는 방식

웹사이트 페이지 내에서 표준 HTML <script> 태그로 감싸진 스키마 코드를 찾을 수 있습니다.

스크립트(script) 태그 내부에는 스크립트 타입 애플리케이션 ID(데이터 구조화에 사용하는 형식의 종류)가 있습니다. 웹사이트에서는 일반적으로 JSON-LD 형식(연결된 데이터를 위한 JavaScript 객체 표기법)을 사용합니다. 데이터 블록이 JSON-LD를 사용한다는 것을 명시하려면, 코드에 type application/ld+json이라고 작성해야 합니다.

아래는 상품에 대한 핵심 정보를 설명하는 간단한 코드 스니펫 예시입니다. 각 속성(이름, 설명, 이미지, 브랜드 등)은 해당 값과 함께 줄 단위로 표시됩니다.

{

"@context": "http://schema.org",

"@type": "Product",

"name": "올림피안 수동 타자기",

"description": "빈티지 금속 섀시와 부드러운 타이핑 액션을 갖춘 레트로 수동 타자기입니다.",

"image": "https://example.com/typewriter.jpg",

"brand": {

"@type": "Olympian",

"name": "OL 500"

"offers": {

"@type": "할인",

"priceCurrency": "KRW",

"price": "149000",

"availability": "https://schema.org/InStock"

}

Google이 상품 웹 페이지를 스캔할 때 이름, 설명, 이미지, 브랜드, 가격 등 상품에 대한 핵심 정보를 파악합니다.

또한 "마이크로데이터"라고 불리는 기존 HTML 태그에 속성을 추가할 수도 있습니다. 이는 검색 엔진에 콘텐츠의 의미와 맥락을 전달하는 또 다른 방법으로, 검색 결과에서 콘텐츠가 더 관련성 있고 유용한 방식으로 표시되도록 하는 데 도움을 줍니다.

리치 스니펫

Google에서 ‘타자기’나 다른 상품을 검색하면 리치 스니펫이 실제로 어떻게 표시되는지 확인할 수 있습니다. 구조화된 데이터를 활용하면 Google은 가격, 평점, 배송 정보와 같은 추가 정보가 포함된 검색 결과, 즉 리치 스니펫을 생성합니다.

리치 결과(Google의 기본 파란색 링크를 넘어서는 모든 결과)는 온라인 쇼핑을 하는 사람들이 여러 상품을 한눈에 비교할 수 있도록 해주므로, 이커머스 상품에 특히 유용합니다. 상품의 리치 스니펫에서 긍정적인 리뷰처럼 눈에 띄는 요소가 있다면, 소비자가 해당 브랜드에 관심을 갖거나 클릭할 가능성도 높아집니다.

스키마가 구글에서 권위를 구축하는 방법

스키마는 Google이 웹사이트를 평가할 때 사용하는 기준인 E-E-A-T(경험, 전문성, 권위성, 신뢰성)를 더 잘 인식하도록 도와줍니다. 구조화된 데이터는 검색 엔진이 자체적으로 놓칠 수 있는 연결고리를 보완해 주어, Google이 콘텐츠를 보다 명확하게 읽고 해석할 수 있게 합니다. 이러한 맥락 정보 덕분에 Google은 웹사이트의 신뢰성과 품질을 보다 정확하게 평가할 수 있습니다.

Shopify의 SEO 수석 전문가 Arthur Camberlein은 “스키마 마크업을 구현하는 것은 E-E-A-T에 긍정적인 신호를 보내는 역할을 하며, 사용자와 검색 엔진 모두의 관점에서 사이트의 신뢰도를 더욱 높여줍니다.”라고 말합니다.

하지만 권위를 구축하려면, 이커머스 스키마를 언제, 어디서 사용할지 아는 것이 중요합니다.

Arthur는 “이커머스 스키마를 적용할 때, 스키마 마크업은 단순한 지표이자 봇이 콘텐츠를 더 잘 이해하도록 돕는 추가적인 맥락이라는 점을 기억해야 합니다”라고 설명합니다. “예를 들어, 상품 페이지에는 평점, 가격, 재고 상태와 같은 정보가 포함되고, 블로그 게시물에는 보통 작성자 정보나 FAQ 스키마가 포함됩니다.”

그는 이커머스 스키마를 구현할 때는 단계별로, 스키마별로 진행할 것을 권장합니다. 이렇게 하면 각 변경 사항의 영향을 명확히 추적할 수 있고, 사용자 경험이나 웹사이트 성장에 부정적인 영향을 줄 위험도 적어집니다.

구조화된 데이터 구축 방법

스키마 구축은 복잡한 과정일 수 있지만(Google Search Central에서 더 많은 정보 확인 가능), 기본 단계는 다음과 같습니다.

1. 구조화된 데이터 삽입. 위치는 사용하는 웹 형식에 따라 달라지지만, 구조화된 데이터는 일반적으로 HTML 페이지의 <head> 섹션에 나타납니다. JSON-LD는 <head> 섹션의 <script> 태그 내에 있습니다.

HTML에 마이크로데이터를 추가하여, 웹사이트 내 콘텐츠를 식별하고 추가 맥락을 제공할 수도 있습니다.

2. 테스트. Google 리치 결과 테스트 또는 Schema.org 리치 결과 테스트를 통해 코드에 있는 버그를 찾을 수 있습니다.

3. 일부 페이지로 시험 운영. 구글의 URL 검사 도구를 사용하여 검색 엔진이 페이지를 어떻게 인식하는지 확인하세요. 문제가 없다면 다음 단계로 진행하세요.

4. Google에 웹사이트 URL 재크롤링 요청. 일부 페이지에만 구조화된 데이터를 추가했다면 URL 검사 도구에서 "색인 생성 요청" 옵션을 선택하세요. 사이트 전반에 걸쳐 여러 페이지를 수정했다면 사이트맵을 다시 제출하는 것이 좋습니다. Google은 정기적으로 사이트를 자동 크롤링하지만, Google Search Console에 사이트맵을 제출하면, 크롤링 및 색인 속도를 높일 수 있습니다.

이커머스 웹사이트에 사용할 수 있는 스키마 유형은 많습니다. 다음은 관련성 있는 향상된 검색 결과 페이지를 표시하는 데 특히 중요한 요소들입니다.

조직

상품을 판매하는 회사의 가시성을 높이려면 조직(organization) 스키마를 사용하여 회사 정보를 검색 엔진에 제공하세요. 회사 이름, 주소, 로고, 서비스 지역 등으로 마크업을 만들 수 있습니다. 조직 마크업은 웹사이트의 단일 페이지(일반적으로 홈페이지)에서만 사용하세요. 다음 샘플 코드를 참고하세요.

{

"@context": "http://schema.org",

"@type": "Organization",

"name": "회사명",

"url": "https://www.yourwebsite.com",

"logo": "https://www.yourwebsite.com/logo.png",

"sameAs": [

"https://www.facebook.com/yourpage",

"https://twitter.com/yourhandle"

"address": {

"@type": "PostalAddress",

"streetAddress": "서울시 강남구 테헤란로 123",

"city": "서울",

"state": "서울특별시",

"postalCode": "06142",

"country": "KR"

"contactPoint": {

"@type": "ContactPoint",

"telephone": "+82-2-1234-5678",

"contactType": "고객센터"

}

지역 비즈니스

이커머스 스토어 외에 하나 이상의 물리적 위치가 있다면 지역 비즈니스(local business) 스키마를 사용하세요. 이 스키마는 각 매장별에 대한 랜딩 페이지에 추가하는 것이 가장 적절합니다. 지역 비즈니스 스키마를 사용하면 회사 이름, 주소, 전화번호, 영업시간, 로고, 가격대, URL 등 각 매장에 대한 정보를 검색 엔진에 제공할 수 있습니다. 다음 예시를 참고하세요

{

"@context": "http://schema.org",

"@type": "LocalBusiness",

"name": "매장명",

"address": {

"@type": "PostalAddress",

"streetAddress": "서울시 강남구 테헤란로 123",

"addressLocality": "서울",

"addressRegion": "서울특별시",

"postalCode": "06142",

"addressCountry": "KR"

"telephone": "+82-2-1234-5678",

"openingHours": "Mo-Fr 09:00-18:00",

"image": "https://example.com/business-logo.png",

"priceRange": "₩₩",

"url": "https://www.yourwebsite.com"

}

상품

상품(product) 스키마 마크업은 물리적 상품을 판매하는 이커머스 회사에 필수적입니다. 상품 페이지에 스키마를 적용하면 검색 봇이 해당 페이지를 상품으로 인식하고, Google 검색 결과 페이지에서 상품 정보를 올바르게 표시할 수 있습니다.

상품 스키마는 무료 플래그십 테마인 Dawn을 포함한 많은 Shopify 스토어 테마에 내장되어 있습니다. 하지만 구조화된 데이터 리퀴드 필터를 사용하여 Shopify 웹사이트에 추가 구조화된 데이터를 수동으로 추가하거나, 스키마 마크업 애플리케이션을 사용하여 프로세스를 자동화할 수도 있습니다.

웹사이트에서 상품 이름, 설명, 색상, 치수, 상품 카테고리, 상품 ID, 이미지, 재고 상태, 특별 할인, 브랜드, 여러 리뷰와 평점, 배송료, 재고 관리 단위(SKU), 배송 시간 등 다양한 정보를 추가할 수 있습니다.

카테고리 페이지를 위한 특정 스키마는 없지만, 해결 방법이 있습니다. ItemList 타입을 사용하고 각 카테고리를 ListItem으로 만드세요. 그리고 각각 안에 상품 이름, 가격, 이미지, 링크와 함께 상품을 중첩하세요.

예를 들어, 다음과 같을 수 있습니다.

{

"@context": "http://schema.org",

"@type": "ItemList",

"itemListElement": [

{

"@type": "ListItem",

"position": 1,

"item": {

"@type": "Product",

"name": "상품 A",

"image": "https://example.com/product-a.jpg",

"price": "99000",

"url": "https://example.com/product-a"

}

// ... 기타 상품들

]

}

가격

가격(price) 명세 스키마를 통해 상품의 가격, 할인 가격, 할인, 가격 인하, 단위 아이템 가격, 통화를 추가할 수 있습니다. 상품 가격과 가격 이력의 정확한 표현은 Google 검색의 리치 결과에서 상품이 가격 인하로 나타날 가능성을 높입니다. 가격 스키마는 상품 스키마 내에 있습니다. 아래 예시를 참고하세요.

{

"@context": "http://schema.org",

"@type": "Product",

// ... 기타 상품 세부 정보 ...

"offers": {

"@type": "Offer",

"priceCurrency": "KRW",

"price": 99000,

"priceValidUntil": "2024-12-31",

"availability": "https://schema.org/InStock",

"itemCondition": "https://schema.org/NewCondition",

"priceSpecification": {

"@type": "PriceSpecification",

"value": 99000,

"currency": "KRW",

"priceComponent": {

"@type": "PriceComponent",

"name": "기본 가격",

"price": 89000

"priceComponent": {

"@type": "PriceComponent",

"name": "배송비",

"price": 10000

}

브레드크럼

브레드크럼(breadcrumb) 스키마는 검색 엔진이 이커머스 사이트의 계층 구조를 이해하는 데 도움이 됩니다. 검색 엔진이 브레드크럼 경로를 따르기를 원한다면, 각 단계를 나타내는 ListItem과 적절한 순서를 신호하는 position 속성(목록에서의 위치)을 추가하세요. item 속성에는 절대 URL(전체 URL)을 사용하고, 목록의 첫 번째 항목부터 시작하세요. 아래 예시를 참고하세요.

<html>

<head>

{

"@context": "https://schema.org",

"@type": "BreadcrumbList",

"itemListElement": [{

"@type": "ListItem",

"position": 1,

"name": "도서",

"item": "https://example.com/books"

},{

"@type": "ListItem",

"position": 2,

"name": "청소년",

"item": "https://example.com/books/ya"

},{

"@type": "ListItem",

"position": 3,

"name": "수상작"

}]

}

</script>

</head>

<body>

</body>

</html>

재고 상태

재고 상태(availability) 스키마를 사용하면 검색 엔진 결과 페이지(SERP)의 리치 스니펫에서 상품 재고가 있는지 잠재고객에게 직접 보여줄 수 있습니다. 또한 예약 주문 가능 여부, 곧 출시 예정인지, 사전 판매 중인지, 품절 상태인지 등의 정보도 함께 표시할 수 있습니다. 재고 상태 스키마는 상품 스키마 내에 추가하여 사용할 수 있습니다.

고려해볼 만한 기타 스키마 유형

다른 많은 콘텐츠 유형에 대한 스키마를 추가하여 리치 결과를 생성할 수 있습니다.

동영상(video) 스키마. 라이브스트림이나 상품 영상을 마크업할 수 있습니다. 동영상 설명, 썸네일 URL, 게시 날짜, 영상 길이 등의 정보를 추가하면 동영상 검색, Google 이미지, Google 디스커버에서 노출 가시성을 높이는 데 도움이 됩니다.
리뷰(review) 스키마. 리뷰 스키마는 사용자 리뷰에 구조화된 마크업을 추가합니다. 리뷰 작성자, 평점, 리뷰 내용 등의 정보가 포함됩니다.
기사(article) 스키마. 블로그 게시물과 정보성 기사의 세부 정보(제목, 작성자, 게시 날짜, FAQ, 기사 본문 등)를 마크업합니다.
뉴스(news) 스키마. 뉴스 스키마는 제목, 작성자, 게시 날짜, 기사 본문을 포함한 뉴스 관련 기사의 맥락을 제공합니다.

이커머스 스키마 FAQ

이커머스 스키마가 온라인 스토어의 가시성에 어떤 영향을 미칠 수 있나요?

이커머스 스키마는 검색 엔진이 상품 정보를 더 정확하게 이해하도록 도와 온라인 스토어의 가시성을 향상시킵니다. 스키마 마크업을 구현하면 검색 결과에서 가격과 리뷰 같은 주요 데이터를 강조하는 리치 스니펫을 만들 수 있습니다. 이러한 가시성 향상은 클릭률을 높이고, 결과적으로 이커머스 사이트의 트래픽과 잠재적 매출 증가로 이어질 수 있습니다.

이커머스에서 스키마란 무엇인가요?

스키마는 구조화된 데이터 어휘 형태로 웹페이지 콘텐츠를 설명하는 것입니다. 이커머스에서는 스키마 유형을 통해 Google이 상품, 가격, 재고 상태, 리뷰와 같은 의미 있는 정보를 더 정확히 이해하도록 돕습니다.

Shopify는 스키마를 사용하나요?

스키마 예시는 무엇인가요?

이커머스를 위한 기본 상품 스키마에는 이름, 가격, 이미지, 재고 상태와 같은 정보를 포함하는 상품 마크업 코드가 포함됩니다. 각 속성은 "price" : 79000과 같이 이름과 값으로 구성됩니다.