이미지 상세페이지,
검색엔진에는 빈 페이지입니다

구글, 네이버는 물론 ChatGPT, Gemini 같은 AI도
텍스트가 있어야 상품을 추천할 수 있습니다.
이미지로만 만든 상세페이지가 왜 불리한지, 어떻게 해결하는지 안내합니다.

영상으로 배우기

텍스트보다 영상이 편하다면, 여기서 확인하세요.
SEO 기초부터 세온코더 사용법까지 영상으로 안내합니다.

준비 중

SEO 기초

이미지 상세페이지가 왜 검색에 불리한지

준비 중

세온코더 사용법

3단계 사용법 영상 가이드

준비 중

이미지호스팅 설정

고도이미지호스팅 연동 설정 방법

준비 중

GPTs/GEMs 활용

쿠팡 변환, 메타 디스크립션 작성

자주 묻는 질문

온라인 쇼핑몰 상세페이지 이미지를 검색엔진이 인식할 수 있는 SEO 최적화 HTML 코드로 변환해주는 도구입니다. 디자이너에게 받은 이미지를 그대로 업로드하면, 코딩 없이 검색에 잡히는 상세페이지를 만들 수 있습니다.

깨지지 않습니다. 디자이너에게 받은 이미지를 그대로 업로드하면 됩니다. "이미지 유지" 구간은 원본 그대로 사용되고, "HTML 변환" 구간만 텍스트로 전환됩니다. 하지만 변환된 HTML이 이미지와 100% 동일하게 구현되기는 어렵습니다. 테스트를 통해서 확인하세요.

스마트스토어, Cafe24, 지마켓, 11번가, 오늘의집 등 대부분의 쇼핑몰에서 일반 코드를 바로 사용할 수 있습니다. 쿠팡, 텐바이텐, GUUD는 GPTs/GEMs 보조 도구로 추가 변환 후 적용 가능합니다. 스마트스토어와 일부 플랫폼은 텍스트 배경색 적용에 제한이 있을 수 있어서 흰색 배경 텍스트를 권유합니다.

네. 초보자 모드에서는 이미지 업로드, 구간 지정, 버튼 클릭 3단계로 HTML 코드가 생성됩니다. 코딩 지식이 필요 없습니다.

이미지 업로드부터 코드 생성, 구간 나누기와 키워드 입력에 시간과 코드 변환까지 상세페이지의 길이에 따라 다르지만 20분 이내에 완료될 수 있습니다.

네. 생성된 코드를 직접 수정할 수 있습니다. 하지만 수정하려면 기본적인 HTML과 CSS에 대한 이해가 있어야 합니다.

alt 태그는 이미지의 내용을 텍스트로 설명하는 HTML 속성입니다. 검색엔진이 이미지를 이해하는 데 사용합니다. figcaption은 이미지 아래에 표시되는 설명 텍스트입니다. 둘 다 검색 노출과 웹 접근성에 도움을 줍니다. 아래 SEO 기초 가이드에서 자세히 설명하고 있습니다.

이미지 상세페이지를 HTML로 변환하면 검색엔진이 콘텐츠를 인식할 수 있게 됩니다. 실제 사례에서 클릭수 436% 증가, 평균 순위 6.5위 등의 결과가 확인되었습니다. 다만 키워드 경쟁도, 상품 특성에 따라 결과는 달라질 수 있습니다.

검색엔진이 변경된 페이지를 인식하는 데 수일에서 수주가 걸립니다. 의미 있는 검색 순위 변화는 1~3개월, 안정적인 유입 증가는 3~6개월 정도 소요될 수 있습니다. 키워드 경쟁도와 상품 특성에 따라 다릅니다.

SEO와 광고는 상호보완 관계입니다. SEO로 검색 유입의 기반을 만들고, 광고로 가속하는 것이 가장 효과적입니다. SEO만으로 유입이 발생하는 사례도 있지만, 광고가 필요 없다고 단정하기는 어렵습니다.

네. 이미지 안의 텍스트를 HTML 텍스트로 전환하면, 모바일 화면 크기에 맞게 글씨가 자동으로 조절됩니다. PC 기준으로 만든 이미지를 모바일에서 볼 때 글씨가 작아지는 문제가 해결됩니다.

2019년부터 30여 개 쇼핑몰을 1:1로 코칭해온 SEO 전문가가 만들었습니다. 코칭 과정에서 반복적으로 발견된 문제를 해결하기 위해 개발된 도구입니다.

고도이미지호스팅 비밀번호는 세온코더 서버에 저장되지 않습니다. 브라우저에만 저장되며, 작업할 때마다 직접 입력하는 방식입니다. 비밀번호가 서버를 거치지 않으므로 정보 유출이 원천 차단됩니다. 회원 탈퇴 시 모든 데이터가 삭제됩니다.

왜 이미지 상세페이지는 검색에 안 잡힐까?

검색엔진은 텍스트만 읽습니다

검색엔진(구글, 네이버)은 웹페이지의 HTML 텍스트를 읽어서 그 페이지가 무엇에 대한 페이지인지 판단합니다.
이미지 안에 아무리 좋은 상품 설명이 들어 있어도, 검색엔진은 이미지 안의 글자를 읽지 못합니다.

결과적으로, 이미지로만 만든 상세페이지는 검색엔진에게 빈 페이지나 다름없습니다.

📷 이미지 파일
(텍스트 없음)

검색엔진: "?" → 검색 결과에 미노출

<h2>상품명</h2>
<p>상품 설명</p>
<img alt="설명">

검색엔진: "이 상품이구나!" → 검색 결과 노출

AI 검색에도 텍스트가 핵심입니다

최근 ChatGPT, Gemini 같은 AI 검색 서비스가 빠르게 성장하고 있습니다.
사용자가 "자전거 바테이프 추천해줘"라고 물으면,
AI는 웹에서 수집한 텍스트 정보를 기반으로 상품을 추천합니다.

AI가 추천할 때 중요하게 보는 것

  • 상품의 특징이 텍스트로 명확하게 설명되어 있는지
  • 상품 페이지에 구조화된 정보(제목, 설명, 스펙)가 있는지
  • 이미지에 alt 태그로 설명이 달려 있는지

이미지로만 만든 상세페이지는 이 모든 조건을 충족하지 못합니다.
HTML로 변환하면 검색엔진 노출뿐 아니라 AI 추천 대상이 될 가능성도 높아집니다.

alt 태그 — 이미지를 설명하는 텍스트

alt 태그(대체 텍스트)는 이미지의 내용을 텍스트로 설명하는 HTML 속성입니다.
검색엔진은 이 텍스트를 읽어서 이미지가 무엇인지 이해합니다.
화면 낭독기(스크린 리더)도 이 텍스트를 읽어줘서 시각장애인 사용자에게 이미지 내용을 전달합니다.

세온코더는 입력한 키워드를 기반으로 alt 태그를 AI가 생성합니다.

<!-- alt 태그가 없는 이미지 (검색엔진이 이해 불가) -->
<img src="product.jpg">

<!-- alt 태그가 있는 이미지 (검색엔진이 이해 가능) -->
<img src="product.jpg" alt="수파카즈 바테일 로드바이크 바테이프 블랙">

figcaption — 이미지 아래 설명 텍스트

figcaption은 이미지 아래에 표시되는 설명 텍스트입니다.
사용자에게 이미지의 맥락을 전달하고, 검색엔진에게도 추가적인 텍스트 정보를 제공합니다.

세온코더는 HTML 변환 시 figcaption을 자동으로 생성합니다.

<figure>
  <img src="product.jpg" alt="수파카즈 바테이프">
  <figcaption>가볍고 내구성 좋은 프리미엄 바테이프</figcaption>
</figure>

메타 디스크립션 — 검색 결과에 보이는 설명

메타 디스크립션은 검색 결과 페이지에서 제목 아래에 표시되는 짧은 설명 문구입니다.
직접적으로 검색 순위에 영향을 주지는 않지만, 클릭률(CTR)에 큰 영향을 미칩니다.

세온코더 앱에서는 메타 디스크립션을 직접 생성하지 않지만, GPTs/GEMs 보조 도구를 통해 무료로 작성할 수 있습니다.

SEO와 광고는 상호보완 관계입니다

SEO를 한다고 광고가 필요 없어지는 것은 아닙니다.
SEO는 검색 유입의 기반을 만드는 것이고, 광고는 그 기반 위에서 유입을 가속하는 것입니다.

SEO만으로 유입이 발생하는 사례도 있지만, 가장 효과적인 방법은 SEO로 기반을 깔고 광고로 가속하는 것입니다.

세온코더 사용법

3단계 요약입니다. 각 단계의 스크린샷은 기능 소개 페이지에서 확인하세요.

1

상세페이지 이미지 업로드

긴 상세페이지 이미지 한 장을 드래그 앤 드롭으로 업로드합니다. 지원 형식: PNG, JPG.

2

구간 나누고 타입 선택

빨간 절단선으로 구간을 나누고, 각 구간마다 "이미지 유지" 또는 "HTML 변환"을 선택합니다.
최대 60개 구간까지 나눌 수 있습니다.

3

키워드 입력, 코드 생성, 복사

키워드를 입력하고 HTML 생성 버튼을 누르면 코드가 생성됩니다.
클립보드에 복사해서 쇼핑몰 에디터에 붙여넣기만 하면 끝.

💡 키워드 입력 팁

상품 설명(키워드) 입력란에는 다음과 같은 내용을 넣으면 좋습니다:

  • 상품명 (예: "수파카즈 바테일 바테이프")
  • 주요 특징 (예: "가볍고 내구성 좋은", "프리미엄")
  • 카테고리 (예: "로드바이크 액세서리")

입력한 키워드가 alt 태그와 figcaption 태그에 반영되어 검색엔진이 상품을 더 정확하게 인식합니다.

기능 소개에서 스크린샷과 함께 자세히 보기 →

고도이미지호스팅 설정 방법

PRO(유료) 사용자 전용 기능입니다.
세온코더는 고도이미지호스팅과 연동하여 이미지를 저장합니다.
현재 고도이미지호스팅 계정만 지원합니다.

📦 고도이미지호스팅이란?

고도소프트에서 제공하는 이미지 호스팅 서비스입니다.
쇼핑몰 운영에 최적화된 이미지 서버로, 세온코더는 이 서비스와 연동하여 변환된 이미지를 저장합니다.
고도이미지호스팅 신청 →

FTP 호스트 (필수)

고도이미지호스팅에서 제공하는 FTP 접속 주소를 입력하세요. 가입 후 관리자 페이지에서 확인할 수 있습니다.

FTP 포트

기본값은 21입니다. 고도이미지호스팅에서 별도 포트를 안내한 경우에만 변경하세요.

FTP 사용자명 (필수)

고도이미지호스팅 FTP 접속용 아이디입니다. 관리자 페이지에서 확인할 수 있습니다.

FTP 비밀번호

작업할 때마다 직접 입력합니다. 세온코더 서버에 저장되지 않으며, 브라우저에만 보관됩니다.

공개 URL 기준 (필수)

고도이미지호스팅에서 제공하는 이미지 공개 접근 URL입니다. 이 URL + 폴더명 + 파일명으로 이미지 경로가 생성됩니다.

저장할 이미지 형식

원본 그대로 / JPG / WebP 중 선택합니다.

📁 이미지 형식 선택 가이드

  • 원본 그대로 — 확장자와 내용 변경 없이 업로드. 가장 안전한 선택.
  • JPG — JPG로 재인코딩. 호환성이 좋지만 약간의 화질 손실 가능.
  • WebP — 용량이 줄어 로딩 속도가 빨라집니다. 단, 오래된 브라우저에서는 지원되지 않을 수 있습니다.

보안 안내

고도이미지호스팅 비밀번호는 세온코더 서버에 저장되지 않습니다.
브라우저에만 저장되며, 작업할 때마다 직접 입력하는 방식입니다.
비밀번호가 서버를 거치지 않으므로 정보 유출이 원천 차단됩니다.

세온코더 FTP 서버 설정 화면

GPTs/GEMs 보조 도구 사용법

세온코더에서 생성한 코드를 활용해서 추가 작업을 할 수 있습니다. 모두 무료입니다.

쿠팡·텐바이텐·GUUD 전용 코드 변환

별도 작업 필요
1

세온코더에서 HTML을 생성합니다. 생성된 코드는 카페24·스마트에디터 기준의 일반 코드입니다.

2

생성 화면 하단 "다음 단계" 영역에서 "쿠팡용 코드로 맞추기"의 Gemini 또는 ChatGPT 링크를 클릭합니다.

3

GPTs/GEMs 화면에서 세온코더에서 복사한 코드를 붙여넣습니다.

4

쿠팡/텐바이텐/GUUD에 맞게 정리된 코드가 출력됩니다. 이 코드를 해당 플랫폼의 상세페이지 에디터에 붙여넣으세요.

세온코더 앱 하단 GPTs/GEMs 다음 단계 안내 화면

메타 디스크립션 작성

무료 도구
1

세온코더에서 HTML을 생성합니다.

2

생성 화면 하단 "다음 단계" 영역에서 "메타 디스크립션 작성"의 Gemini 또는 ChatGPT 링크를 클릭합니다.

3

GPTs/GEMs 화면에서 세온코더에서 생성된 코드를 붙여넣습니다.

4

메타 디스크립션 초안이 출력됩니다. 이 문구를 쇼핑몰 관리자 페이지의 메타 디스크립션 입력란에 넣으세요.

💡 메타 디스크립션 작성은 세온코더 앱에서 토큰(유닛)을 소모하지 않습니다. GPTs/GEMs에서 무료로 이용 가능합니다.

이제 직접 해보세요

10세션 무료 체험으로 실제 작동 방식을 확인하세요.
회원가입 후 바로 시작할 수 있습니다.
실제 쇼핑몰 적용은 크레딧 충전 후 가능합니다.

무료로 체험하기