상세페이지를 이미지로 만들면 생기는 일

1. 검색엔진이 보는 것은 이렇습니다

대부분의 쇼핑몰은 상세페이지를 포토샵으로 디자인한 뒤 JPG나 PNG로 저장해 올립니다. 화면에는 상품명, 소재, 사이즈, 인증 정보가 전부 보입니다.

검색엔진이 보는 것은 이게 전부입니다.

검색엔진이 읽는 코드

<div class="product-detail">
  <img src="detail-01.jpg" alt="상세페이지">
  <img src="detail-02.jpg" alt="상세페이지">
  <img src="detail-03.jpg" alt="상세페이지">
  <!-- 20~30개 이미지 연속 -->
</div>

파일명은 detail-01.jpg, alt 태그는 “상세페이지”. 그 안에 무엇이 적혀 있는지는 알 수 없습니다.

2. 무엇이 사라지는가

고객이 “오이코텍스 인증 이불”로 검색해도, 이 페이지는 후보에 오르지 못합니다. 그 단어가 페이지에 존재하지 않기 때문입니다.

3. 세 가지 문제가 동시에 생깁니다

• GPT가 상품 정보를 안정적으로 활용하기 어렵습니다 — 이미지를 분석할 수는 있지만, 이미지 속 정보가 웹페이지의 텍스트처럼 명확하게 수집·인용되는 것은 아닙니다.
• 구조화 데이터를 적용할 수 없습니다 — 가격과 재고를 검색엔진에 알려주는 코드를 붙이려면 기준이 될 텍스트가 필요합니다.
• 접근성과 사용성이 떨어집니다 — 화면을 읽어주는 프로그램을 쓰는 분들은 내용을 알 수 없습니다. 텍스트 복사도, 페이지 내 검색도 되지 않습니다. 그리고 이미지 20~30장은 모바일에서 느립니다.

4. 그럼 전부 텍스트로 바꿔야 하나요

아닙니다. 디자인이 중요한 구간은 이미지 그대로 두십시오. 분위기 사진, 모델 컷, 브랜드 비주얼은 이미지가 맞습니다.

바꿔야 하는 건 글자가 많은 구간입니다. 상품 설명, 소재와 사양, 사이즈표, 인증 정보, 배송·교환 안내. 이 구간들이 검색엔진에게 필요한 정보를 담고 있습니다.

5. 어디부터 바꿀 것인가

• 매출 상위 상품 하나를 고릅니다.
• 그 상품의 상세페이지에서 글자가 가장 많은 구간을 찾습니다.
• 그 구간만 HTML로 옮깁니다.
• 검색엔진이 다시 수집할 때까지 며칠에서 몇 주 기다립니다.
• 서치콘솔에서 노출수 변화를 확인합니다.

검색 유입은 상품 단위로 쌓입니다. 전 상품을 한꺼번에 할 필요가 없습니다.