상품 1개 무료로 받기
◆ 카페24 · 아임웹 · 고도몰 지원

무엇을 어떻게 해드리는지, 전부 적었습니다

상세페이지 주소를 보내주시면, GPT와 검색엔진이 읽는 HTML 코드로 바꿔드립니다. 받으시는 것, 걸리는 시간, 해드리지 않는 것까지 아래에 모두 있습니다.

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

이런 쇼핑몰에 맞습니다

맞는 경우
  • 카페24·아임웹·고도몰로 자사몰을 운영하고 있다
  • 상세페이지가 이미지(JPG, PNG)로 되어 있다
  • 검색으로 들어오는 손님을 늘리고 싶다
  • 광고비 의존도를 줄이고 싶다
  • 직접 HTML로 바꿔보려다 포기한 적이 있다
맞지 않는 경우
  • 스마트스토어·쿠팡 등 오픈마켓만 운영한다
    → 오픈마켓 에디터가 코드를 변형합니다 (자세히)
  • 상세페이지가 이미 텍스트로 되어 있다
    → 변환할 것이 없습니다. 메타 태그 점검만 필요할 수 있습니다
  • 상세페이지 디자인 자체를 새로 만들고 싶다
    → 디자인 제작은 하지 않습니다 (자세히)
  • 이번 달 안에 검색 1위를 원한다
    → 검색 유입은 수개월에 걸쳐 쌓입니다

무료 샘플도 유료와 같은 방식으로 상품 1개를 제작합니다. 결과를 확인한 뒤, 더 필요한 상품만 맡기시면 됩니다.

02 — 납품 명세

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

완성된 HTML 상세페이지 코드와 메타 타이틀·디스크립션을 드립니다. 시맨틱 구조, alt 태그, 인라인 스타일과 모바일 가독성은 HTML 코드 안에 포함하며, figcaption은 이미지 설명이 사용자 이해에 도움이 되고 기존 디자인을 해치지 않을 때 선택적으로 적용합니다.

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="순면 이불 패브릭 클로즈업">
필요한 경우 선택 적용

figcaption

이미지 아래 설명이 사용자의 이해를 돕는 경우에만 적용합니다. 캡션이 디자인을 해치거나 주변 본문만으로 맥락이 충분하면 생략하고, alt 태그와 주변 텍스트로 설명합니다.

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

메타 타이틀 · 디스크립션

검색 결과에 표시되는 제목과 설명 문구를 작성해 드립니다. 쇼핑몰 관리자 페이지에 복사해서 넣기만 하면 됩니다.

이 문구가 비어 있으면 검색엔진이 임의로 페이지 일부를 잘라서 보여줍니다. 직접 쓴 문구가 있어야 클릭으로 이어집니다.

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

바로 붙여넣는 인라인 코드

모든 스타일이 태그 안에 들어 있습니다. 쇼핑몰 에디터는 별도로 작성한 스타일을 지우거나 바꾸는 경우가 있는데, 태그 안에 넣어두면 에디터를 거쳐도 디자인이 그대로 유지됩니다.

복사해서 상품 상세설명 에디터에 붙여넣으시면 끝입니다.

HTML 코드 안에 포함

모바일 가독성

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

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

원본 디자인은 평균 80% 수준으로 재현됩니다. 100% 똑같이 만드는 것보다, GPT와 검색엔진이 활용할 수 있는 텍스트를 만드는 것이 목적입니다. 달라진 부분은 검수 단계에서 말씀해 주시면 수정합니다.

03 — 진행 과정

신청부터 적용까지, 이렇게 진행됩니다

상세페이지 주소 신청과 견적·결제, HTML 제작, 테스트 페이지 검수와 수정, 링크·코드·이미지 전달과 이미지 호스팅 적용 안내로 이어지는 과정
  1. 01
    신청
    변환할 상세페이지 전체 주소와 연락처를 보내주십니다. 별도의 이미지 파일은 필요하지 않습니다.
    대표님
  2. 02
    접수 확인
    상세페이지를 확인하고 작업 가능 여부와 견적을 알려드립니다.
    세온코더
  3. 03
    결제
    안내받은 견적을 확인한 뒤 결제합니다. 무료 샘플에는 결제 단계가 없습니다.
    대표님
  4. 04
    변환 작업
    HTML 변환, alt 작성, 필요한 경우 figcaption 적용, 메타 문구 작성.
    세온코더
  5. 05
    테스트 페이지 확인
    테스트용 계정에 완성본을 올린 뒤 링크를 보내드립니다. 코드를 열어보지 않아도 실제 페이지 모습으로 확인할 수 있습니다.
    대표님
  6. 06
    수정
    고쳐야 할 부분을 말씀해 주시면 반영합니다.
    세온코더
  7. 07
    파일 전달
    최종 HTML 코드와 사용 이미지, 메타 문구를 보내드립니다. 코드는 사용 중인 쇼핑몰의 상품 상세설명 에디터에 붙여넣으면 됩니다.
    세온코더
  8. 08
    이미지 호스팅 적용 안내
    도움이 필요하면 요청해 주세요. 줌으로 이미지 업로드를 함께 진행하거나, 안내 영상을 보고 직접 적용할 수 있습니다.
    함께
04 — 기간 · 수정

얼마나 걸리고, 몇 번까지 고쳐드리는가

작업 기간
영업일 3일

접수 확인 후 검수본 전달까지

수정 횟수
2회 포함

검수 후 고쳐야 할 부분을 모아서 알려주시면 됩니다

재작업 기준
횟수에 포함하지 않습니다

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

수정은 “디자인을 다르게 해달라”가 아니라 “원본과 내용이 다르다”, “글자가 빠졌다” 같은 정확성 관련 요청을 뜻합니다. 디자인 방향을 바꾸는 작업은 별도 문의해 주십시오.

05 — 이미지 호스팅 적용

줌으로 함께하거나, 영상으로 직접 적용하세요

왜 필요한가

변환된 상세페이지에는 이미지 구간이 남아 있습니다. 그 이미지들이 인터넷 어딘가에 올라가 있어야 쇼핑몰에서 정상적으로 보입니다. 이 설정을 이미지 호스팅이라고 부릅니다. 처음 하시는 분께는 이 단계가 가장 막막합니다.

무엇을 해드리는가

이미지 호스팅 업로드가 어려우면 요청해 주세요. 줌으로 화면을 함께 보며 진행합니다. 직접 하실 분께는 순서대로 따라 할 수 있는 안내 영상을 보내드립니다. 무료 샘플과 유료 작업 모두 같은 방식으로 지원합니다.

보안 안내

호스팅 비밀번호는 저희 서버에 저장하지 않습니다. 세팅은 대표님 화면에서 대표님이 직접 입력하시고, 저희는 순서만 안내해 드립니다.

06 — 범위 밖

이건 해드리지 않습니다

할 수 있는 것보다 할 수 없는 것을 먼저 아셔야 판단이 쉽습니다.

상세페이지 디자인 제작

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

상품 사진 촬영

촬영은 하지 않습니다.

판매 문구 새로 쓰기

이미지 안에 있는 문구를 그대로 옮깁니다. 카피를 새로 쓰지는 않습니다. (메타 타이틀·디스크립션은 예외적으로 작성해 드립니다)

쇼핑몰에 직접 적용

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

오픈마켓 상세페이지

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

검색 순위 보장

순위는 저희가 정하는 것이 아닙니다. 검색엔진이 읽을 수 있는 상태를 만들어 드릴 뿐입니다. 결과는 상품·업종·경쟁 상황에 따라 다릅니다.

저희가 하는 일은 하나입니다. 이미지 안에 갇힌 정보를, 검색엔진이 읽을 수 있는 코드로 꺼내는 것.

07 — 지원 범위

왜 자사몰만 지원하나요?

오픈마켓 에디터는 붙여넣은 코드를 임의로 바꿉니다. 공들여 만든 구조가 저장하는 순간 무너지는 일이 자주 있습니다.

그리고 오픈마켓에서는 검색 노출이 플랫폼의 자산입니다. 상세페이지를 아무리 잘 만들어도, 순위 결정 권한은 플랫폼에 있습니다.

자사몰은 다릅니다. 검색 노출도, 고객 정보도, 쌓인 콘텐츠도 대표님 것으로 남습니다.

그래서 검색 자산이 실제로 쌓이는 곳에만 집중합니다.

오픈마켓 지원 자사몰
붙여넣은 코드 에디터가 변형 그대로 유지
검색 노출 플랫폼 소유 내 자산
고객 정보 플랫폼 소유 내 것
상세페이지 쌓여도 플랫폼 것 쌓일수록 유입 증가
08 — 준비물

신청 전에 이것만 준비하시면 됩니다

전부 준비되지 않아도 됩니다. 쇼핑몰 주소와 이미지만 있으면 시작할 수 있습니다.

09 — FAQ

자주 묻는 질문

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

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

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

검수 단계에서 완성된 페이지를 미리 보실 수 있습니다. 고쳐야 할 부분을 알려주시면 반영합니다. 원본과 내용이 다르게 나온 경우는 수정 횟수에 포함하지 않습니다.

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

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

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

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

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

완성된 코드와 함께 사용 이미지를 보내드립니다. 실제 쇼핑몰에서는 이미지 호스팅에 올려 사용합니다. 업로드가 어려우면 요청에 따라 줌으로 함께 진행하거나 안내 영상을 보고 직접 적용할 수 있습니다.

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

아닙니다. 매출 상위 상품 하나부터 시작하십시오. 검색 유입은 상품 단위로 쌓입니다. 한 상품의 결과를 보고 다음을 결정하시면 됩니다.

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

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

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

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

비용이 궁금하시면 → 요금 안내 실제 결과가 궁금하시면 → 성과 사례

먼저 상품 1개로 확인해 보십시오

상품 1개를 실제로 변환해 테스트용 계정에 올리고, 완성된 페이지 링크와 HTML 코드·사용 이미지를 보내드립니다. 쇼핑몰당 1회, 카드 등록은 필요 없습니다.

상품 1개 무료로 받기 요금 안내 보기
무료로 받기