시맨틱 웹(Semantic Web) 구현을 위해 상품 상세페이지에 반드시 심어야 하는 구조화 데이터(Schema Markup) 스크립트 규격은?

HTML의 script type="application/ld+json" 요소 안에 삽입하는 방식으로, 눈에 보이는 페이지 레이아웃과 완전히 분리돼 있어 유지보수가 쉽습니다.

필수 속성은 네 가지입니다 — price(가격), priceCurrency(통화), availability(재고 상태), condition(상품 상태)입니다. 이 값들이 빠지면 검색엔진이 리치 결과나 쇼핑 관련 기능에 그 마크업을 신뢰하지 않을 수 있으니, 상품 상세페이지 템플릿을 설계할 때 이 네 필드는 상품 데이터베이스와 자동 연동되도록 만드는 게 좋습니다.

특히 주의할 부분은 availability 값의 정확성입니다. 구조화 데이터의 재고 값과 실제 페이지에 표시되는 재고 상태가 일치해야 합니다. 페이지에는 '품절'로 표시되는데 구조화 데이터 값이 in_stock으로 남아 있으면, 구글이(특히 Merchant Center와 연동한 경우) 해당 상품을 비승인 처리할 수 있습니다. 재고 관리 시스템과 이 스키마 값이 실시간으로 함께 업데이트되도록 파이프라인을 짜두는 것이 중요합니다.

마지막으로 배치 위치도 인식률에 영향을 줍니다. 구조화된 데이터는 HTML 소스 어디에나 넣을 수 있지만, 가장 안정적인 인식 결과를 얻으려면 자바스크립트가 나중에 주입하는 방식이 아니라 서버가 응답하는 초기 HTML에 직접 포함시켜야 합니다. React·Vue 같은 프레임워크로 클라이언트 사이드 렌더링을 쓰는 자사몰이라면, 상품 상세페이지만이라도 서버사이드 렌더링(SSR)으로 초기 HTML에 스키마가 포함되도록 설계하시길 권합니다 — 크롤러가 렌더링을 완료하기 전에 늦게 주입된 마크업을 놓치는 사례가 실제로 흔합니다.