Schema를 지원하는 웹사이트 빌더로 제품 정보를 어떻게 마크업하나요?

제품 페이지에 이름, 이미지, 가격을 기재했더라도 검색 엔진이 각 정보가 무엇을 의미하는지 정확히 식별하지 못할 수 있습니다. Schema를 지원하는 웹사이트 빌더를 사용하면 페이지의 제품 필드를 구조화된 데이터로 매핑한 다음, 게시된 페이지를 검증할 수 있습니다. 먼저 도구에서 Product 마크업을 출력할 수 있는지 확인하고, 페이지 내용과 일치하는 정보를 입력한 뒤, 코드와 검색 엔진의 인식 결과를 점검하세요.

작업할 때는 “페이지에 제품 정보가 보이는 것”과 “페이지에서 유효한 마크업을 출력하는 것”을 구분해야 합니다. 전자는 방문자가 내용을 읽기 쉽게 하고, 후자는 검색 엔진이 내용을 이해하는 데 도움을 줍니다. 마크업이 유효하더라도 검색 결과에 가격, 재고 등의 상세 정보가 반드시 표시되는 것은 아닙니다.

먼저 웹사이트 빌더의 지원 범위 확인하기

Schema-ready website builder 사용 방법을 알아볼 때는 먼저 도구의 제품 편집기, SEO 설정 또는 구조화 데이터 설정을 확인하세요. 일반적으로 두 가지 방식으로 지원됩니다. 하나는 제품 템플릿이 이름, 가격 등의 필드를 바탕으로 마크업을 자동 생성하는 방식이고, 다른 하나는 페이지에 사용자 지정 JSON-LD를 추가하는 방식입니다. 구체적인 메뉴 위치와 권한은 사용하는 도구에 따라 다르므로 모든 플랫폼에 같은 버튼이 있다고 가정하지 마세요.

게시된 제품 페이지를 열고 브라우저에서 웹페이지의 소스 코드를 확인한 다음 application/ld+json 및 Product를 검색하세요. 관련 내용을 찾으면 해당 정보가 웹사이트나 이동 경로 정보만 포함하는 것이 아니라 현재 제품에 해당하는지 확인합니다. JSON-LD를 찾지 못했다고 해서 마크업이 없다고 즉시 단정할 수는 없습니다. 페이지에서 다른 구조화 데이터 형식을 사용하거나 스크립트로 동적으로 생성할 수도 있으므로 테스트 도구를 함께 사용해 확인해야 합니다.

도구에서 제품 필드 매핑을 지원하지 않고 사용자 지정 코드도 추가할 수 없다면, 먼저 지원되는 다른 연동 방법이 있는지 확인하세요. 유지 관리가 어려운 페이지 코드를 수정해 마크업을 추가하지 마세요.

제품 정보를 정리한 다음 필드 매핑하기

제품 상세 페이지 하나를 예로 들어, 먼저 페이지에 실제로 표시되는 정보를 정리하세요. 이름, 설명, 이미지는 모두 같은 제품을 가리켜야 합니다. 가격, 통화, 재고 상태는 방문자가 해당 페이지에서 확인할 수 있는 실제 판매 조건을 반영해야 합니다. 웹사이트 빌더마다 필드 이름은 다를 수 있지만, 일반적으로 다음과 같이 대응할 수 있습니다.

• 제품 이름 및 설명: 각각 name 및 description에 해당합니다. 설명은 제품 자체를 간결하게 소개해야 하며, 페이지 전체의 홍보 문구를 그대로 필드에 넣지 마세요.
• 제품 이미지: image에 해당합니다. 공개적으로 접근할 수 있고 제품을 잘 나타내는 이미지 URL을 사용하며, 이미지가 페이지에 표시되는 내용과 일치하는지 확인하세요.
• 브랜드 및 식별자: 명확한 브랜드가 있으면 brand를 입력합니다. SKU, GTIN 등의 식별자는 실제로 존재하고 해당 제품에 적용되는 경우에만 입력하며, 임의로 만들어 내지 마세요.
• 판매 오퍼: 가격, 통화, 재고 상태는 일반적으로 offers에 입력하며, 각각 price, priceCurrency, availability에 해당합니다. 통화는 표준 코드를 사용하세요. 예를 들어 미국 달러는 USD입니다.

검색 결과의 각종 표시 기능은 필수 입력 항목이나 권장 항목이 서로 다르며, Product를 입력했다고 해서 모든 요건을 충족하는 것은 아닙니다. 공개 가격이 없는 문의 전용 페이지라면 안내 메시지를 없애기 위해 가격을 임의로 만들어 내지 마세요. 실제로 존재하는 제품 정보만 마크업한 다음, 목표 검색 엔진이 해당 표시 기능에 요구하는 사항을 확인할 수 있습니다.

편집기에서 마크업을 설정하고 게시하기

1. 올바른 페이지 유형을 선택합니다. 제품 상세 페이지 또는 제품 템플릿으로 이동해 구조화 데이터 설정에서 Product가 활성화되어 있는지 확인합니다. 목록 페이지에 여러 제품이 포함된 경우, 목록 전체를 하나의 특정 제품으로 잘못 마크업하지 마세요.
2. 제품 필드를 입력하거나 연결합니다. SEO 영역에 같은 내용을 반복해서 직접 입력하는 대신, 마크업 필드를 제품 데이터베이스의 이름, 이미지, 가격 등의 정보에 우선 연결하세요. 이렇게 하면 제품 정보를 업데이트할 때 마크업도 더 쉽게 동기화할 수 있습니다.
3. 오퍼와 변형 제품을 처리합니다. 단일 사양에 명확한 판매 가격이 있으면 해당 오퍼를 입력합니다. 색상, 크기 또는 모델에 따라 가격이 다르다면 도구에서 지원하는 변형 제품 구조와 페이지에 실제로 표시되는 방식에 맞춰 처리하세요. 모든 사양에 적용되지 않는 동일한 가격을 일괄 지정하지 마세요.
4. 자동 생성된 내용을 확인합니다. 미리보기 또는 게시 후 페이지 출력을 확인하고, 이름, 이미지, 통화, 재고 정보가 현재 제품의 데이터에서 가져온 것인지 검토하세요. 템플릿을 복사한 경우 특히 이전 제품 정보가 남아 있지 않은지 확인해야 합니다.

사용자 지정 JSON-LD만 사용할 수 있다면, 먼저 편집기에서 해당 코드를 대상 제품 페이지에 출력하는지 확인한 다음 Product, Offer 등의 유형 규격에 맞춰 필드를 구성하세요. 자동 마크업이 이미 있는 상태에서 내용이 충돌하는 Product 데이터를 추가로 입력하지 마세요. 먼저 자동 생성 마크업을 수정하거나 비활성화할 수 있는지 확인해야 합니다. 코드를 추가한 뒤에는 따옴표, 쉼표, 괄호가 모두 올바른지 확인해 형식 오류로 전체 코드가 파싱되지 않는 일을 방지하세요.

검증할 때는 “통과 여부”만 확인하지 않기

게시한 후 구조화 데이터 테스트 도구로 실제 페이지 URL을 검사하세요. 검색 결과에서 제품 상세 결과를 표시하는 것이 목표라면, 목표 검색 엔진에서 제공하는 관련 테스트 도구도 사용해 인식된 항목, 오류, 권장 필드를 확인해야 합니다. 코드를 붙여 넣는 것보다 공개 URL을 검사하는 편이 더 유용합니다. 게시 과정, 템플릿 또는 스크립트로 인해 생기는 차이를 확인하는 데 도움이 되기 때문입니다. 또한 관련 크롤러가 페이지에 접근할 수 있어야 합니다.

오류가 발생하면 먼저 구체적인 필드를 확인한 다음 제품 편집기로 돌아가 데이터를 수정하세요. 예를 들어 price가 유효한 숫자가 아니거나, 통화가 누락되었거나, 이미지 URL에 접근할 수 없다면 데이터 소스에서 수정한 후 다시 게시해야 합니다. 경고가 항상 마크업이 유효하지 않다는 뜻은 아니지만, 누락된 정보가 실제로 존재하는지, 원하는 표시 자격에 영향을 주는지는 판단해야 합니다.

테스트 결과가 유효한데도 제품 상세 결과가 표시되지 않는다고 해서 반드시 설정에 실패한 것은 아닙니다. 검색 엔진은 페이지의 크롤링 및 색인 가능 여부, 콘텐츠 품질, 검색어 상황, 자체 표시 규칙 등도 고려합니다. 게시 후 다시 크롤링되기까지 시간이 걸릴 수도 있습니다. 같은 코드를 반복해서 추가하는 대신 사이트 관리 도구에서 색인 및 구조화 데이터 상태를 확인하세요.

가격, 다국어 페이지 및 템플릿 업데이트 후 유지 관리

마크업을 적용한 후 가장 흔히 발생하는 문제는 데이터가 오래된 상태로 남는 것입니다. 프로모션 종료, 재고 변경 또는 제품 판매 중단 시 페이지에 표시되는 내용과 구조화 데이터도 함께 업데이트해야 합니다. 가격이 타사 스크립트로 표시되고 마크업은 수동 입력한 경우에는 특히 두 정보가 동일한 데이터 소스를 사용하는지 확인하세요.

다국어 또는 다지역 사이트는 페이지별로 이름, 설명, 통화 및 실제 판매 가격을 확인해야 합니다. 지역마다 가격이 다르면 다른 지역의 Offer를 그대로 복사하지 마세요. 페이지가 문의만 받으며 공개 가격이 없는 경우에도 쇼핑몰 페이지의 가격 마크업을 그대로 사용해서는 안 됩니다.

테마를 변경하거나 제품 템플릿을 복사하거나 앱 플러그인을 조정한 후에는 대표적인 제품 페이지를 다시 표본 점검하세요. 기존 마크업이 사라지지 않았는지, 여러 기능이 동시에 활성화되어 서로 모순되는 오퍼가 생성되지 않았는지 확인합니다. 편집기에서 중복 출력 위치를 제어할 수 없는 경우에는 템플릿 또는 코드를 담당하는 직원에게 점검을 요청하세요.