PREVIEW지금은 준비 구간입니다 · 8월 10일 서비스 개시

60-DAY BRAND OPERATING PROGRAM · WEEK 02

Day 9 / 60프로그램통이미지 속 제품 사실을 읽히는 텍스트로 바꾸기 · 40분

예쁜 PDP가 AI 검색에서는 빈 페이지가 될 수 있습니다

오늘 배운 내용을 자사몰의 실제 질문·페이지·발행 기록에 연결하세요.

Day 9. 예쁜 PDP가 AI 검색에서는 빈 페이지가 될 수 있습니다

PDP가 예쁘다고 안심하면 큰일 납니다. 통이미지 속 핵심 정보는 AI에게 제품 사실이 아니라 빈칸처럼 남을 수 있어요.

실무자가 알아야 할 이론적 배경

렌더링: 화면에 보이는 것과 HTML에 있는 것은 다를 수 있어요

개념. 렌더링은 HTML·CSS·JavaScript를 처리해 사용자가 보는 화면을 만드는 과정입니다. 초기 HTML에는 없고 JavaScript 실행 뒤에만 나타나는 정보가 있을 수 있습니다.

작동 원리. 검색 시스템은 JavaScript를 처리할 수 있지만 처리 시점과 실패 가능성이 존재합니다. 이미지 안 글자, 클릭 후 탭, 앱 상태에만 있는 핵심 사실은 일반 본문보다 발견·복사·검증이 어려울 수 있어요.

왜 중요한가. 고객에게 예쁘게 보이는 PDP가 검색 시스템에는 제품명과 가격만 있는 얕은 문서가 될 수 있습니다. 접근성 측면에서도 핵심 정보를 텍스트로 제공하는 편이 안전합니다.

오늘의 실무 해석. 화면과 페이지 소스·렌더링 결과를 비교해 제품의 핵심 답이 실제 HTML 텍스트로 존재하는지 확인합니다. 이미지는 유지하되 결론과 조건을 본문에도 적으세요.

이 설명의 근거: Google JavaScript SEO 기본 가이드 · 정본 근거 ID: T-06

실제 사례에서는 어떻게 보였을까요?

Aleyda Solis · 이커머스에서는 PDP 밖의 답도 인용됐어요

수치가 공개된 사례. 독립 SEO 컨설턴트가 이커머스 25개 사이트와 5개 하위 업종의 AI 인용 URL을 최근 90일 기준으로 분석했습니다.

공개된 관찰. 사이즈·핏 가이드, 지원 문서, 반품·배송 정책, 매장 위치, 구매 가이드, 튜토리얼 등 비상품 URL도 널리 인용됐습니다.

그대로 일반화하면 안 되는 이유. 25개 사이트의 관찰 분석이며 특정 페이지 형식이 인용을 만든 인과 실험은 아닙니다. 도구의 수집 범위에도 의존합니다.

출처: Aleyda Solis · Ecommerce AI Search Citations · 자료 성격: 🟢 독립 컨설턴트 분석

카페24 · AI 유입 고객은 상세페이지로 바로 들어왔어요

수치가 공개된 사례. 카페24 기반 D2C 쇼핑몰의 2026년 2분기 AI 경유 방문과 구매 행동을 집계한 국내 커머스 자료입니다.

공개된 관찰. AI 경유 방문은 전년 동기 대비 72% 증가했고, 57.4%는 메인을 거치지 않고 상세페이지로 직접 진입했습니다. 공개 자료상 구매 전환율은 0.50%에서 0.85%로 관찰됐습니다.

그대로 일반화하면 안 되는 이유. 카페24 플랫폼 집계이며 브랜드 구성, 귀속 방식, 동시 변수를 통제한 실험이 아닙니다. 우리 브랜드의 예상 성장률로 사용할 수 없습니다.

출처: 전자신문 · 카페24 AI 쇼핑몰 유입 분석 · 자료 성격: 🔵 플랫폼 1차 데이터·언론 보도

오늘 이 사례에서 가져갈 판단 기준. AI 유입이 PDP로 직접 올 수 있으므로 이미지 안에 갇힌 제품 사실을 텍스트 본문에도 제공합니다.

오늘의 근거를 2분만 같이 볼게요

Day 9의 공식 근거, 적용 경계, 글로벌·국내 사례를 한 화면에 정리한 강조 블록.

근거 한 줄. 핵심 제품 사실이 이미지나 실행 후 화면에만 있으면 초기 HTML·렌더링 상태에 따라 발견이 어려울 수 있습니다.

여기까지가 근거예요. JavaScript 사용 자체가 문제라는 뜻은 아니며 실제 source와 rendered DOM을 함께 봐야 합니다.

글로벌 사례 국내 사례
CeraVe — 특징·성분·사용법을 본문 블록으로 제공 AESTURA — 이미지 중심 PDP의 텍스트 빈칸 확인

오늘 우리 사이트에 적용할 한 가지. 이미지 속 제품 사실 다섯 개를 고객이 복사할 수 있는 본문으로 옮깁니다.

출처: Google JavaScript SEO 기본 가이드 · 정본 근거 ID: T-06

오늘, 이 장면부터 같이 볼게요

대표 PDP를 지금 한 번 열어보세요. 상세 설명을 드래그해 복사할 수 있나요, 아니면 긴 이미지 한 장만 잡히나요?

뷰티 자사몰의 상품 상세는 이런 ‘통이미지’로 만들어진 경우가 많아요. 이미지 안에는 전성분, 사용 순서, 제형 설명, 테스트 문구, 주의사항처럼 고객이 구매 전에 꼭 봐야 할 정보가 들어 있죠. 사람에게는 풍부한 PDP지만, 제품을 설명해야 하는 AI와 검색 시스템에게는 제품·조건·근거의 연결이 약한 페이지가 될 수 있어요.

AI와 검색 시스템이 이미지를 전혀 읽지 못하는 것은 아닙니다. 하지만 이미지 인식 결과에만 기대면 어떤 문장이 어떤 제품·조건에 해당하는지를 일관되게 전달하기 어렵습니다. 고객도 이미지 안의 글을 복사·검색·번역·낭독으로 다시 확인하기 어렵습니다. 통이미지가 곧 ‘AI가 전혀 못 읽는 페이지’라는 뜻은 아니지만, 중요한 제품 답을 안정적으로 찾고 인용하기에는 최적이 아닙니다.

그래서 핵심 정보는 이미지와 함께 고객 화면에 보이는 텍스트로도 제공해야 해요. Google 이미지 SEO 안내는 이미지 주변의 관련 텍스트와 설명적인 alt 텍스트가 이미지 이해에 도움이 된다고 안내해요.

Google 원문과 함께 보기

Google 이미지 SEO 문서의 원문 일부와 한국어 해설. 이미지 주변 텍스트와 alt 텍스트를 함께 제공하고, 통이미지 속 핵심 정보를 본문 텍스트로 옮기라는 오늘의 적용을 담고 있다.

이미지에 감성·제형·브랜드 톤을 담는 일과, 제품 사실을 본문 텍스트로 제공하는 일은 경쟁하지 않아요. 두 가지를 함께 해야 고객도 정보를 다시 찾을 수 있어요.

60초만에 우리 PDP의 빈칸을 찾는 법

대표 PDP를 열고 이미지·제품명을 가린 채 본문 텍스트만 훑어보세요. 아래 질문에 바로 답할 수 없다면, 그 PDP에는 고객과 AI가 함께 놓칠 빈칸이 있어요.

  • 이 제품은 누구를 위한 제품인가요?
  • 고객은 언제, 어떤 순서로 사용하나요?
  • 성분·규격·구성 중 무엇이 확인된 사실인가요?
  • 사용 전 또는 사용 중 어떤 조건·주의사항을 확인해야 하나요?
  • 제품 비교·배송·교환처럼 다음 질문이 생기면 어디로 가야 하나요?

답이 통이미지 안에만 있다면 오늘의 개선 후보입니다. 답이 없거나 확인되지 않았다면, 문장을 만들지 말고 원본부터 확인해요.

실제 해외 뷰티 PDP에서는 어떻게 보여줄까요?

아래는 CeraVe PM Facial Moisturising Lotion 상품 상세를 캡처한 화면입니다. CeraVe가 이 구성을 GEO 목적으로 만들었다고 공개한 것은 아니지만, 통이미지에 정보를 몰아넣지 않고 Product Details, Key Features and Benefits, Key Ingredients, How To Use를 각각 본문 텍스트 섹션으로 제공해요.

CeraVe 상품 상세 페이지에서 제품 상세, 핵심 특징·성분, 사용법을 본문 텍스트로 제공하는 구역을 하이라이트했다.

CeraVe의 본문 섹션 자사몰에서 가져갈 원리
Product Details 제품이 무엇이고 누구를 위한 제품인지 이미지 밖의 문장으로 설명해요.
Key Ingredients 핵심 성분을 제품 사실로 분리해 고객이 직접 확인하게 해요.
How To Use 사용 순서·횟수·주의사항을 제품 설명과 분리해 찾기 쉽게 둡니다.

우리도 같은 디자인을 만들 필요는 없어요. 이미지 아래에 아코디언이나 표를 쓰더라도, 이 세 가지 답이 고객이 읽을 수 있는 실제 텍스트로 존재하면 돼요.

이미지는 남기고, 제품 사실만 텍스트로 꺼내세요

통이미지를 없애라는 뜻이 아닙니다. 제형, 발색, 사용 장면처럼 시각적으로 보여줘야 하는 내용은 이미지가 훨씬 좋습니다. 다만 고객이 판단을 위해 다시 찾아야 하는 사실은 본문 텍스트에도 있어야 해요.

이미지 안에만 있으면 아쉬운 정보 본문 텍스트로 함께 넣을 위치
누구에게 맞는지·사용 조건 상품명 아래 또는 구매 버튼 근처
전성분·구성·규격 상품 정보 표 또는 펼침 영역
사용 순서·권장 사용법 사용법 섹션
주의사항·확인이 필요한 경우 사용법 아래 또는 FAQ
배송·교환 조건 정책 링크가 있는 FAQ 또는 안내 영역

alt 텍스트는 이미지 자체를 짧게 설명하는 용도입니다. 통이미지 안의 모든 문장을 alt에 몰아넣는 것으로 본문을 대신하지 마세요.

대표 PDP에서 텍스트로 꺼낼 답 5개를 같이 골라볼까요?

대표 PDP를 열고 아래 중 이미지 안에만 있거나 찾기 어려운 답 다섯 개를 고르세요.

  1. 이 제품은 누구를 위한 제품인가요?
  2. 사용 전에 무엇을 확인해야 하나요?
  3. 어떻게, 언제 사용하나요?
  4. 구성·성분·규격 중 무엇을 바로 확인할 수 있나요?
  5. 배송·교환 또는 사용 중 주의할 조건은 무엇인가요?

각 답은 아래 형태의 짧은 PDP 모듈로 정리해요.

짧은 제목
질문에 대한 직접 답 2~4문장
확인해야 할 조건 또는 예외
공식 정보·정책으로 가는 링크

5분 점검: 고객도 읽을 수 있나요?

로그아웃 또는 시크릿 창에서 PDP를 열어 새 텍스트를 확인하세요.

  • 이미지가 아니라 본문에서 문장을 마우스로 드래그해 복사할 수 있나요?
  • 모바일 화면에서 제목과 답이 너무 멀리 떨어져 있지 않나요?
  • 이미지의 숫자·성분·정책과 본문 텍스트가 서로 다르지 않나요?
  • 근거 페이지 링크가 실제로 열리나요?

답을 접는 아코디언 UI 자체는 괜찮을 수 있어요. 중요한 것은 클릭 뒤에라도 같은 페이지의 실제 텍스트로 제공되고, 고객이 쉽게 찾을 수 있는지입니다.

지금 우리 사이트에서 해볼까요?

대표 PDP 한 곳에 텍스트 답변 모듈 다섯 개를 추가하세요. 직접 수정할 수 없다면 통이미지 캡처 위에 ‘이 위치 아래에 넣을 텍스트’와 원고를 함께 표시해 운영·개발 담당자에게 전달해요.

이 발견을 브랜드 콘텐츠로 발행한다면

이 주제는 자사몰 담당자가 바로 공감하는 불티의 GEO 콘텐츠가 될 수 있어요.

제목: 예쁜 PDP가 AI 검색에서는 빈 페이지가 될 수 있습니다

첫 문장: 통이미지 안에만 있는 성분·사용법·주의사항은,
고객에게는 보이지만 AI가 제품 사실로 안정적으로 연결하기 어려울 수 있습니다.

핵심 1: 이미지 인식이 가능해도 제품·조건·근거의 연결은 불안정합니다.
핵심 2: 통이미지를 없앨 필요는 없습니다. 판단에 필요한 사실을 본문 텍스트로 함께 둡니다.
핵심 3: 오늘 대표 PDP 한 곳에서 ‘누구에게·어떻게·무엇을 주의할지’를 텍스트로 확인하세요.

마무리: 우리 PDP의 빈칸을 진단해 보세요.

이 글에서 ‘AI가 이미지를 못 읽는다’고 단정하지 마세요. 이미지 인식에만 의존하면 제품 정보를 일관되게 확인·인용하기 어렵다는 사실을 보여 주는 편이 더 정확하고 설득력 있어요.

여기까지 했다면, 오늘은 충분해요

  • 통이미지 안에만 있던 핵심 답 다섯 개를 골랐다.
  • 각 답을 직접 답·조건·공식 링크가 있는 텍스트 모듈로 만들었다.
  • 고객 화면에서 읽고 복사할 수 있는 위치에 반영하거나 요청했다.

내일은 이런 게 궁금해질 거예요

상품 하나의 답을 넘어서, 고객이 두 선택지 사이에서 망설일 때는 어떤 콘텐츠가 필요할까요?

오늘 남길 것: PDP 빈칸 진단과 텍스트 답변 모듈 5개