이미지 상세페이지 vs HTML 상세페이지 — 검색 노출 차이가 이 정도입니다

이미지 상세페이지와 HTML 상세페이지의 가장 큰 차이는, 검색엔진이 내용을 읽을 수 있느냐 없느냐예요. 이미지로 만든 상세페이지는 그 안에 텍스트가 아무리 많아도 검색엔진 눈에는 그냥 그림 한 장이에요. “상세페이지를 통이미지로 파파 넣었는데 구글에서 아예 안 잡혀요”라는 말이 나오는 이유가 바로 이거예요.

이 글에서는 검색엔진(크롤러)이 두 상세페이지를 각각 어떻게 보는지 실제 코드로 비교하고, 검색 노출 채널이 어떻게 달라지는지, 그리고 코딩 없이 바꿀 수 있는 현실적인 방법까지 정리할게요.

크롤러가 보는 이미지 상세페이지

검색엔진이 이미지 상세페이지에서 읽을 수 있는 정보는 사실상 이미지 파일명과 alt 속성뿐이에요. 셀러님 눈에는 상품 설명, 성분, 사용법이 빼곡한 페이지지만, 검색엔진(페이지를 읽는 프로그램)이 보는 건 이런 모습이에요.

<!-- 검색엔진이 보는 이미지 상세페이지 -->
<div class="product-detail">
  <img src="detail_01.jpg">
  <img src="detail_02.jpg">
  <img src="detail_03.jpg">
</div>

이게 전부예요. “저자극 약산성 클렌징폼”, “민감성 피부 사용 가능” 같은 핵심 정보가 이미지 안에 갇혀 있어서, 검색엔진 입장에서는 이 페이지가 무슨 상품인지 알 방법이 없어요. “이미지 안에 텍스트 넣었는데 검색엔진이 그걸 못 읽는다고요?” — 네, 못 읽어요. 검색엔진은 이미지 속 글자를 본문 텍스트로 취급하지 않습니다.

크롤러가 보는 HTML 상세페이지

같은 내용을 HTML로 만들면 검색엔진이 페이지의 모든 텍스트를 읽고 검색 결과에 등록(색인)할 수 있어요. 위와 똑같은 상세페이지를 HTML로 바꾸면 검색엔진은 이렇게 봐요.

<!-- 검색엔진이 보는 HTML 상세페이지 -->
<section class="product-detail">
  <h2>저자극 약산성 클렌징폼</h2>
  <p>pH 5.5 약산성 포뮬러로 민감성 피부도 부담 없이 사용할 수 있어요.</p>

  <h3>이런 분께 추천해요</h3>
  <ul>
    <li>세안 후 당김이 심한 건성 피부</li>
    <li>트러블이 자주 올라오는 민감성 피부</li>
  </ul>

  <h3>사용 방법</h3>
  <p>아침저녁 세안 시 적당량을 덜어 거품을 내어 사용하세요.</p>
</section>

차이가 보이시죠. “약산성 클렌징폼”, “민감성 피부”, “건성 피부 세안” 같은 단어 하나하나가 전부 검색 가능한 텍스트가 돼요. 누군가 “민감성 피부 약산성 클렌징폼”을 검색하면, 이 페이지가 후보에 오를 수 있게 되는 거예요.

검색 노출 채널 비교 — 이미지 vs HTML

이미지 상세페이지와 HTML 상세페이지는 노출될 수 있는 검색 채널 자체가 달라요. 표로 비교하면 이렇습니다.

이미지 상세페이지도 상품명과 태그로는 노출돼요. 문제는 거기까지라는 거예요. 상세페이지 본문에 담긴 풍부한 정보는 검색 노출에 전혀 기여하지 못해요. 반면 HTML 상세페이지는 본문 전체가 검색 대상이 되기 때문에, 노출 가능한 채널의 폭이 다릅니다.

롱테일 키워드 확장 효과

HTML 상세페이지의 진짜 힘은 롱테일 키워드(검색량은 적지만 구매 의도가 뚜렷한 구체적인 검색어)에서 나와요. “클렌징폼” 같은 큰 키워드는 대형 브랜드가 차지하고 있어서 작은 쇼핑몰이 비집고 들어가기 어려워요. 하지만 “세안 후 당김 없는 약산성 클렌징폼”처럼 구체적인 검색어는 경쟁이 훨씬 적습니다.

이미지 상세페이지는 상품명에 넣은 키워드 몇 개로만 승부해야 해요. HTML 상세페이지는 본문에 자연스럽게 들어간 표현 하나하나가 잠재적인 검색 진입점이 돼요. 상세페이지에 “여드름 피부 세안”, “지성 피부 아침 세안” 같은 표현이 들어 있다면, 그 검색어로 들어오는 길이 각각 하나씩 열리는 셈이에요.

시간이 지날수록 격차는 벌어집니다

검색 노출은 누적 게임이라서, HTML 상세페이지와 이미지 상세페이지의 격차는 시간이 지날수록 커집니다. 이미지 상세페이지는 1년을 운영해도 검색엔진에 쌓이는 텍스트 자산이 0이에요. 반면 HTML 상세페이지는 상품을 등록할 때마다 검색 가능한 페이지가 하나씩 쌓여요.

솔직하게 말씀드리면, HTML로 바꾼다고 다음 주에 검색 유입이 터지지는 않습니다. 검색엔진이 페이지를 읽고, 색인하고, 순위를 매기는 데는 보통 몇 주에서 몇 달이 걸려요. 다만 시작하지 않으면 그 시계는 영원히 돌지 않아요. 자세한 효과 분석은 시맨틱 HTML 적용하면 매출이 오를까? 솔직한 분석에서 다뤘어요.

현실적인 전환 방법 — 코딩 몰라도 됩니다

이미지 상세페이지를 HTML로 바꾸는 방법은 크게 직접 코딩, 외주, 자동 변환 도구 세 가지예요. “HTML이 뭔지도 모르겠어요. 포토샵도 겨우 하는데” 하는 셀러님이라면 직접 코딩은 현실적인 선택지가 아니에요. 외주는 상세페이지 하나당 비용이 들고, 수정할 때마다 다시 의뢰해야 해요.

세온코더 같은 자동 변환 도구를 쓰면, 지금 쓰고 있는 이미지 상세페이지를 업로드하는 것만으로 AI가 검색엔진이 읽을 수 있는 HTML(시맨틱 HTML)로 변환해 줍니다. 새로 디자인할 필요 없이 기존 이미지를 그대로 활용하는 방식이에요. 검색엔진이 상세페이지에서 어떤 신호를 읽는지부터 더 알고 싶다면 이미지 상세페이지는 왜 검색에 안 잡힐까요?를 먼저 읽어보셔도 좋아요.