캐러셀 구조화 데이터란
상품·레시피·강좌·영화처럼 같은 종류의 항목 여러 개를 한 페이지에서 소개할 때, 그 목록을 검색엔진이 정확히 이해하도록 알려 주는 코드가 ItemList 구조화 데이터입니다. 검색엔진은 이 정보를 문서를 이해하는 데 쓰고, 조건이 맞으면 목록형(캐러셀) 결과로 보여 줄 수 있습니다. 표시 여부와 모양은 각 검색엔진이 결정하므로 코드를 넣었다고 반드시 캐러셀로 나오지는 않습니다.
기본 모양
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "url": "https://example.com/items/linen-shirt" },
{ "@type": "ListItem", "position": 2, "url": "https://example.com/items/wide-pants" }
]
}
</script>
이 사이트의 캐러셀 만들기에서 타입을 고르고 항목만 입력하면 이 코드가 바로 만들어집니다.
체크리스트
- 목록의 각 항목
url은 실제로 열리는 상세 페이지이고, 같은 사이트 안에 있다 position이 1부터 빠짐없이 이어진다- 코드 속 항목 이름·가격 등이 화면에 보이는 내용과 같다(숨긴 정보로 꾸미지 않기)
- 한 페이지에 같은 목록을 두 번 넣지 않는다
- 상세 페이지에도 그 항목의 구조화 데이터(
Product·Recipe·Course·Movie)가 있으면 더 좋다 - 이미지 주소는 https 로 시작하는 전체 주소이고 실제로 열린다
- 코드는
<head>또는 본문 어디든 되지만, 자바스크립트로 늦게 넣기보다 HTML 에 바로 두는 편이 안전하다
검증 도구
- Schema Markup Validator — 문법과 속성 확인
- 구글 리치 결과 테스트 — 구글이 지원하는 리치 결과로 인식되는지 확인
- 네이버 서치어드바이저 — 사이트 등록, sitemap 제출, 웹 페이지 수집 요청
적용한 뒤
코드를 넣었다고 바로 바뀌지 않습니다. 수집 요청 후 검색엔진이 다시 읽어 가기까지 며칠~몇 주가 걸립니다. 그동안 목록 페이지의 글과 항목 페이지의 품질을 함께 다듬으세요. 구조화 데이터는 좋은 콘텐츠를 정확히 알려 주는 도구이지, 없는 품질을 만들어 주지는 않습니다.