네이버 검색결과의 썸네일 캐러셀은 어떻게 만들어지나 — ItemList 구조화 데이터 실측

네이버에서 특정 키워드를 검색하면 웹사이트 결과 바로 아래에 정사각형 썸네일이 가로로 늘어선 영역을 보신 적이 있을 것입니다. 클릭하면 해당 사이트의 개별 콘텐츠로 이동하는 이 영역은 검색 결과에서 차지하는 면적이 크고 시선을 끌기 때문에 유입에 유리합니다. 이 영역이 어떻게 만들어지는지, 실제 도메인들에 적용하고 관찰한 내용을 정리합니다.

정체는 ItemList 구조화 데이터

썸네일 캐러셀이 노출된 페이지들의 HTML을 확인해 보면 공통적으로 application/ld+json 안에 schema.org의 ItemList 타입이 들어 있습니다. 구조는 다음과 같은 형태입니다.

• itemListElement 배열에 ListItem을 나열합니다
• 각 ListItem은 position(순서), name(썸네일 아래 캡션), image(썸네일 이미지 URL), url(클릭 시 이동할 목적지)를 가집니다
• numberOfItems로 항목 수를 선언합니다

중요한 점은 이 구조화 데이터를 개별 상세 페이지가 아니라 검색 결과에 노출되는 페이지에 넣어야 한다는 것입니다. 캐러셀은 "검색 결과에 뜬 그 페이지" 아래에 붙는 형태이기 때문입니다.

노출됐는지 어떻게 확인하나

육안 확인만으로는 반복 측정이 어렵고, 사이트 내 서브 결과(관련 문서 더보기)와 혼동하기 쉽습니다. 실측에서 확인한 판정 지문은 다음과 같습니다.

• 모바일 검색 결과 HTML에 네이버 이미지 프록시 URL 형태로 우리 도메인의 썸네일 이미지가 재호스팅되어 나타납니다
• 파비콘 프록시는 반드시 제외해야 합니다 — 포함하면 모든 도메인이 노출로 잘못 잡힙니다
• 검색 결과에 우리 URL이 여러 개 보이는 것은 캐러셀이 아닐 수 있습니다. URL 개수가 아니라 프록시된 썸네일 이미지로 판정해야 합니다

또한 데스크톱 방식으로 HTML을 받아오면 자바스크립트가 실행되지 않아 실제로는 노출 중인데도 없는 것으로 잡히는 경우가 있어, 모바일 검색 엔드포인트로 확인해야 합니다.

썸네일 이미지 설계에서 확인한 것

• 정사각 1080×1080으로 통일했고 이 비율로 정상 노출을 확인했습니다
• 썸네일은 검색 결과에서 100px 내외로 축소되어 보이므로, 사진보다 큰 글자 두 줄과 강한 대비가 인식률에 유리합니다
• 이미지는 자체 도메인에 호스팅하고 절대 URL로 참조합니다
• 목적지 URL은 외부 플랫폼이 아니라 자사 콘텐츠로 두는 편이 유입 측면에서 유리합니다

구조를 갖춰도 바로 뜨지는 않습니다

실무적으로 가장 중요한 관찰이 이 부분입니다. 23개 도메인에 동일한 구조를 적용한 뒤 추적한 결과, 노출은 도메인 단위가 아니라 페이지 단위로, 서로 다른 시점에 형성됐습니다.

• 같은 도메인이라도 검색엔진이 대표로 띄우는 URL이 시점마다 달라지고, 그 URL에 캐러셀이 이미 형성됐는지에 따라 보이거나 보이지 않습니다
• 동일 키워드를 며칠에 걸쳐 조회하면 결과가 달라지는 경우가 있어, 단일 조회로 미노출을 판정하면 착시가 생깁니다
• 구조화 데이터를 넣는 것과, 검색엔진이 그 페이지를 다시 수집해 캐러셀을 붙이는 것은 별개의 단계입니다

따라서 며칠 안에 뜨지 않는다고 구조를 바꾸기 시작하면, 이후에 개선이 관찰돼도 그것이 시간의 결과인지 수정의 결과인지 구분할 수 없게 됩니다. 적용 후에는 고정된 판정 기준으로 매일 같은 방식으로 기록하며 관찰하는 편이 낫습니다.

미노출을 진단하는 순서

노출되지 않을 때는 원인을 세 갈래로 나눠 확인하면 판단이 명확해집니다.

1. 검색 결과에 우리 페이지가 아예 없는가? — 그렇다면 캐러셀 이전에 색인·순위의 문제입니다
2. 떴는데 그 URL에 ItemList가 없는가? — 이 경우가 실제 구현 결함입니다. 전 페이지 자동 주입 구조가 아니라 일부 페이지에만 넣었을 때 흔히 발생합니다
3. 떴고 ItemList도 있는데 캐러셀만 없는가? — 재수집·형성 시점 문제이므로 기다리며 재수집을 유도합니다

구조화 데이터를 도입할 때는 특정 페이지에 수동으로 넣기보다, 공통 레이아웃이나 빌더 템플릿에서 전 페이지에 자동으로 주입되는 구조로 만들어 두는 편이 이후 신규 콘텐츠까지 자동으로 커버되어 관리 비용이 낮습니다.