카페24 · 아임웹 · 고도몰 지원

상세페이지 HTML 변환,
이렇게 진행합니다

상세페이지 주소를 보내주시면, GPT와 검색엔진이 읽는 HTML 코드로 바꿔드립니다. 받으시는 것, 작업 기간, 포함되지 않는 작업을 아래에 정리했습니다.

대상
카페24 · 아임웹 · 고도몰 자사몰
단위
상품 1개 = 상세페이지 1장
가격
39,000원
제공
테스트 페이지 링크 + 코드·이미지 + 메타 문구

01 — 추천 대상

이런 쇼핑몰에 맞습니다

맞는 경우

  • 카페24·아임웹·고도몰로 자사몰을 운영하고 있다
  • 상세페이지가 이미지(JPG, PNG)로 되어 있다
  • 검색으로 들어오는 손님을 늘리고 싶다
  • 광고비 의존도를 줄이고 싶다
  • 직접 HTML로 바꿔보려다 포기한 적이 있다

맞지 않는 경우

  • 스마트스토어·쿠팡 등 오픈마켓만 운영한다→ 오픈마켓 에디터가 코드를 변형합니다 (자세히)
  • 상세페이지가 이미 텍스트로 되어 있다→ 변환할 것이 없습니다
  • 상세페이지 디자인 자체를 새로 만들고 싶다→ 디자인 제작은 하지 않습니다 (자세히)
  • 이번 달 안에 검색 1위를 원한다→ 순위가 자리 잡는 데 수개월이 걸립니다

무료 샘플도 유료 작업과 같은 방식으로 바꿔드립니다. 결과를 보신 뒤, 필요한 상품만 맡기시면 됩니다.

02 — 제공 내용

상품 1개당 두 가지를 제공합니다

완성된 HTML 상세페이지 코드와 메타 문구를 드립니다. 코드에는 제목·문단 구분, 이미지 설명 문장, 모바일 글자 크기 조절이 들어갑니다. 필요한 이미지에는 아래에 설명을 붙입니다.

HTML 코드 안에 포함

검색엔진이 읽는 HTML

이미지 속 글자를 HTML 코드로 옮깁니다. 제목은 제목 태그로, 설명은 문단 태그로, 목록은 목록 태그로 정리합니다. 검색엔진은 이 구조를 보고 “이 페이지가 무엇에 관한 것인지”를 판단합니다.

BEFORE

<img src="detail-01.jpg" alt="상세페이지">

AFTER

<h2>순면 100% 프리미엄 이불</h2>
<p>피부에 닿는 순간 포근한 착용감</p>
<h3>소재 및 인증</h3>
<ul>
  <li>OEKO-TEX 인증 원단</li>
  <li>국내 제조 · KC 인증</li>
</ul>

HTML 코드 안에 포함

이미지 설명 문장(alt)

이미지마다 무엇이 담겨 있는지 설명하는 문장을 넣습니다. 검색엔진은 이 문장으로 이미지 내용을 파악합니다. 화면을 읽어주는 프로그램을 쓰는 분들에게도 같은 문장이 전달됩니다.

BEFORE

<img src="detail-02.jpg" alt="상세페이지">

AFTER

<img src="detail-02.jpg" alt="순면 이불 패브릭 클로즈업">

필요한 경우 선택 적용

이미지 아래 설명

설명이 있어야 이해가 쉬운 이미지에만 넣습니다. 디자인을 해치거나 주변 글로 충분하면 넣지 않습니다.

AFTER

<figure>
  <img src="size-guide.jpg" alt="이불 사이즈 가이드 표">
  <figcaption>싱글·퀸·킹 사이즈별 가로세로 치수</figcaption>
</figure>

별도 제공

메타 문구

검색 결과에 나오는 제목과 설명을 써 드립니다. 쇼핑몰 관리자 페이지에 넣기만 하면 됩니다.

비어 있으면 검색엔진이 페이지 일부를 잘라서 보여줍니다.

작성 예시

타이틀
순면 100% 프리미엄 이불 | OEKO-TEX 인증 원단 | ○○몰
디스크립션
피부에 닿는 감촉이 다른 순면 100% 이불. OEKO-TEX 인증 원단, 국내 제조. 싱글부터 킹까지 4가지 사이즈.

HTML 코드 안에 포함

쇼핑몰에 바로 붙여넣는 코드

모든 스타일이 태그 안에 들어 있습니다. 쇼핑몰 에디터는 따로 쓴 스타일을 지우기도 합니다. 태그 안에 넣으면 에디터를 거쳐도 깨지지 않습니다.

상품 상세설명 에디터에 붙여넣으시면 됩니다.

HTML 코드 안에 포함

모바일 글자 크기

PC 기준으로 만든 이미지 상세페이지는 모바일에서 글씨가 작게 보입니다. 확대하다가 나가는 손님도 있습니다.

HTML로 바꾸면 화면 폭에 맞춰 글자 크기가 조절됩니다. 확대하지 않아도 읽을 수 있습니다.

원본 디자인은 평균 80% 수준으로 재현합니다. 똑같은 모양보다 읽히는 글자가 목적입니다. 달라진 부분은 테스트 페이지 확인 때 말씀해 주시면 고쳐드립니다.

03 — 진행 과정

신청하시면 이렇게 진행됩니다

상세페이지 주소 신청과 비용 안내·결제, HTML 제작, 테스트 페이지 확인과 수정, 이미지 호스팅 설정과 링크·코드·이미지 전달로 이어지는 과정
  1. 01

    신청

    변환할 상세페이지 전체 주소와 연락처를 보내주세요. 이미지 파일은 필요 없습니다.

    대표님
  2. 02

    접수 확인

    상세페이지를 확인하고 작업 가능 여부와 비용을 알려드립니다.

    세온코더
  3. 03

    결제

    안내받은 비용을 확인하고 결제합니다. 무료 샘플은 결제가 없습니다.

    대표님
  4. 04

    상세페이지 변환

    HTML 변환, 이미지 설명 문장, 필요한 이미지 아래 설명, 메타 문구까지 작업합니다.

    세온코더
  5. 05

    테스트 페이지 확인

    테스트용 계정에 완성본을 올린 뒤 링크를 보내드립니다. 코드를 열어보지 않아도 실제 페이지 모습으로 확인할 수 있습니다.

    대표님
  6. 06

    수정

    고칠 부분을 말씀해 주시면 2회까지 반영합니다.

    세온코더
  7. 07

    이미지 호스팅 설정

    대표님이 이미지 호스팅(이미지를 올려 두는 저장 공간) 서비스에 가입하신 뒤 계정 정보를 보내주세요. 저희가 설정하고 이미지를 올립니다. 무료 샘플은 세온코더의 이미지 호스팅을 씁니다.

    함께
  8. 08

    파일 전달

    최종 HTML 코드와 사용 이미지, 메타 문구를 보내드립니다. 코드는 사용 중인 쇼핑몰의 상품 상세설명 에디터에 붙여넣으면 됩니다.

    세온코더

04 — 기간 · 수정

작업 기간과 수정

  • 작업 기간

    영업일 3일

    신청 확인 후 테스트 페이지 링크를 보내드릴 때까지

  • 수정 횟수

    2회 포함

    테스트 페이지를 보시고 고칠 곳을 모아서 알려주세요

  • 재작업 기준

    횟수에 포함하지 않습니다

    원본과 내용이 다르게 나온 경우

수정은 “원본과 내용이 다르다”, “글자가 빠졌다” 같은 요청을 뜻합니다. 디자인 방향을 바꾸는 작업은 따로 문의해 주세요.

05 — 이미지 호스팅

이미지 호스팅 설정

왜 필요한가

상세페이지에 남은 이미지가 보이려면, 이미지 호스팅(이미지를 올려 두는 저장 공간)에 올려야 합니다.

진행 방식

대표님이 이미지 호스팅 서비스에 가입하신 뒤 계정 정보를 보내주세요. 저희가 설정하고 이미지를 올립니다. 무료 샘플은 세온코더의 이미지 호스팅을 씁니다.

이용료

호스팅 이용료는 대표님이 호스팅 서비스에 직접 내십니다. 세온코더가 따로 받지 않습니다.

보안 안내

작업이 끝나면 받은 계정 정보는 삭제합니다. 작업이 끝나면 비밀번호를 바꾸시길 권합니다. 가입이나 비밀번호 변경이 어려우면 안내해 드립니다.

06 — 포함되지 않는 작업

포함되지 않는 작업

맡기시기 전에 확인해 주세요.

  • 상세페이지 디자인 제작

    기존 디자인을 코드로 옮기는 작업만 합니다. 새 디자인이 필요하시면 디자이너에게 의뢰하신 뒤 그 결과물을 보내주세요.

  • 상품 사진 촬영

    촬영은 하지 않습니다.

  • 판매 문구 새로 쓰기

    이미지 안에 있는 문구를 그대로 옮깁니다. 메타 문구만 예외로 써 드립니다.

  • 쇼핑몰에 직접 적용

    코드를 전달해 드리고, 붙여넣기는 대표님이 하십니다. 관리자 계정을 요구하지 않습니다.

  • 오픈마켓 상세페이지

    스마트스토어·쿠팡 등은 지원하지 않습니다. 이유는 아래에 있습니다.

  • 이미지 호스팅 이용료

    대표님이 호스팅 서비스에 직접 내십니다. 세온코더가 따로 받지 않습니다.

  • 검색 순위 보장

    순위는 검색엔진이 정합니다. 저희는 검색엔진이 읽을 수 있게 바꿔드립니다. 결과는 상품·업종·경쟁 상황에 따라 다릅니다.

  • 저희는 이미지 속 상품 정보를 검색엔진이 읽는 코드로 옮깁니다.

07 — 지원 쇼핑몰

왜 자사몰만 지원하나요?

오픈마켓 에디터는 붙여넣은 코드를 바꿉니다. 저장하는 순간 구조가 깨지는 일이 자주 있습니다.

또 오픈마켓의 검색 노출은 플랫폼이 정합니다.

자사몰은 검색 노출·고객 정보·콘텐츠가 대표님 것으로 남습니다. 그래서 자사몰만 작업합니다.

  • 카페24
  • 아임웹
  • 고도몰
구분오픈마켓지원 자사몰
붙여넣은 코드에디터가 변형그대로 유지
검색 노출플랫폼이 결정대표님 것
고객 정보플랫폼 소유대표님 것
상세페이지플랫폼 안에만 남음대표님 쇼핑몰에 남음

08 — 신청 전 준비

신청 전 준비

  1. 01

    쇼핑몰 주소

    https://mymall.co.kr

  2. 02

    상세페이지 주소

    변환할 상품의 상세페이지 전체 주소를 보내주세요. 이미지 파일은 필요 없습니다.

  3. 03

    상품명과 주요 키워드선택

    알려주시면 이미지 설명 문장과 메타 문구가 더 정확해집니다. 없어도 이미지 내용을 보고 작성합니다.

  4. 04

    연락처

    결과물을 받으실 이메일과 휴대폰 번호

상세페이지 주소와 연락처만 있으면 시작할 수 있습니다.

09 — FAQ

자주 묻는 질문

기존 상세페이지 디자인이 그대로 유지되나요?

디자인이 중요한 구간은 이미지 그대로 두고, 텍스트가 많은 구간만 HTML로 바꿉니다. 바뀐 구간은 원본을 평균 80% 수준으로 재현합니다. 100% 똑같이 만드는 것보다 검색엔진이 읽을 수 있는 텍스트를 만드는 것이 목적입니다. 달라진 부분은 테스트 페이지 확인 때 말씀해 주시면 고쳐드립니다.

결과물이 원본과 다르면 어떻게 하나요?

테스트 페이지 링크로 완성본을 먼저 보실 수 있습니다. 고칠 부분을 알려주시면 2회까지 반영합니다. 원본과 내용이 다르게 나온 경우는 수정 횟수에 포함하지 않습니다.

스마트스토어나 쿠팡도 되나요?

지원하지 않습니다. 오픈마켓 에디터는 붙여넣은 코드를 임의로 변형하기 때문에 구조가 유지되지 않습니다. 검색 노출이 대표님 자산으로 남는 자사몰에 집중합니다.

코드를 어떻게 쇼핑몰에 넣나요?

전달해 드린 코드를 복사해서 카페24·아임웹·고도몰의 상품 상세설명 에디터에 붙여넣으시면 됩니다. 모든 스타일이 태그 안에 들어 있어 에디터를 거쳐도 디자인이 변형되지 않습니다.

이미지는 어디에 저장되나요?

대표님이 가입하신 이미지 호스팅에 저장됩니다. 계정 정보를 보내주시면 저희가 설정하고 이미지를 올립니다. 무료 샘플은 세온코더의 이미지 호스팅을 씁니다. 호스팅 이용료는 대표님이 호스팅 서비스에 직접 내십니다.

상품이 수백 개인데 전부 해야 하나요?

아닙니다. 매출 비중이 낮고 계속 판매할 상품으로 먼저 테스트하세요. 판매 반응을 확인한 뒤 다른 상품으로 넓히면 됩니다.

얼마나 지나야 검색에 나오나요?

검색엔진이 페이지를 다시 읽는 데 며칠에서 몇 주가 걸립니다. 그 후 순위가 자리 잡는 데는 수개월이 걸립니다. 광고처럼 즉시 효과가 나는 작업이 아닙니다.

검색 1위를 보장해 주나요?

보장하지 않습니다. 순위는 검색엔진이 결정하며, 상품·업종·경쟁 상황에 따라 다릅니다. 저희가 하는 일은 검색엔진이 페이지를 읽을 수 있는 상태로 만드는 것입니다.

상품 1개, 무료로 바꿔드립니다

상품 1개를 실제로 바꿔 테스트용 계정에 올립니다. 테스트 페이지 링크와 HTML 코드·사용 이미지를 보내드립니다. 카드 등록은 필요 없습니다.

무료 샘플은 쇼핑몰·이메일·연락처마다 1회, 상품 1개입니다. 매월 30건까지 받습니다.