Day 41. 표와 이미지 속 정보를 검색 가능한 본문으로 바꾸기

사람에게 예쁜 이미지와 검색 시스템이 이해할 본문은 둘 중 하나를 고르는 문제가 아닙니다. 둘 다 필요합니다.

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

표와 이미지는 결론을 보조하고, 핵심 사실은 텍스트에도 남겨야 합니다

개념. 텍스트 동등성은 시각 자료가 전달하는 핵심 정보가 본문·대체 텍스트 등 접근 가능한 형태로도 제공되는 상태입니다.

작동 원리. 이미지 속 글자와 복잡한 표는 화면 크기, 보조기술, 렌더링 환경에 따라 읽기 어려울 수 있습니다. 결론·조건·단위를 문장으로 적으면 재사용과 검증이 쉬워집니다.

왜 중요한가. 시각 자료만 남기면 고객이 복사·검색할 수 없고 내용 갱신도 놓치기 쉽습니다. 그렇다고 표와 이미지를 없앨 필요는 없어요.

오늘의 실무 해석. 시각 자료마다 무엇을 보여주는지, 결론이 무엇인지, 어떤 조건·단위인지 본문에 적습니다. 장식 이미지는 장식으로, 정보 이미지는 정보로 구분하세요.

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

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

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

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

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

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

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

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

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

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

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

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

오늘 이 사례에서 가져갈 판단 기준. PDP 직접 진입과 비상품 URL 인용 관찰을 근거로 핵심 사실을 이미지 밖 텍스트에도 남깁니다.

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

근거 한 줄. 표·이미지·탭 안의 핵심 사실은 고객이 읽고 복사할 수 있는 HTML 본문에도 있어야 합니다.

여기까지가 근거예요. 모든 시각 자료를 없애라는 뜻이 아니라 핵심 답을 이미지에만 가두지 말라는 뜻입니다.

글로벌 사례	국내 사례
CeraVe — 영상·이미지 주변에 제품 설명 제공	AESTURA — 이미지 안 사용법을 공개 본문으로 재구성

오늘 우리 사이트에 적용할 한 가지. 표나 이미지 하나의 결론·조건·단위를 본문으로 옮깁니다.

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

이미지는 남기고, 핵심 사실만 본문으로 한 번 더 꺼낼게요

AI가 이미지를 다룰 수 있어도 제품 사실이 이미지 안에만 있으면 페이지의 제목·문단·내부 링크·구조화 데이터와 연결하기 어렵습니다. Google 이미지 SEO 안내는 이미지 주변의 관련 텍스트, 설명적인 파일명과 대체 텍스트, 좋은 페이지 맥락을 함께 권장합니다.

11편에서 네 가지를 확인해요

• 표가 이미지라면 중요한 행과 결론을 HTML 표 또는 본문으로 작성
• 인포그래픽의 핵심 수치와 조건을 캡션·본문에 표시
• 대체 텍스트는 장면과 정보의 의미를 설명
• 제품 사실은 이미지뿐 아니라 눈에 보이는 본문에도 존재

대체 텍스트에 키워드를 반복하는 것은 도움이 되지 않아요. 이미지를 보지 못하는 사람에게 무엇이 있고 왜 중요한지 설명하듯 씁니다.

오늘 실제로 만들 것

1. 11편의 이미지·표 목록을 만듭니다.
2. 이미지 안에만 있는 제품 사실을 표시합니다.
3. 그 사실을 본문 문장·HTML 표·캡션으로 옮깁니다.
4. 이미지마다 파일명과 대체 텍스트를 작성합니다.
5. 모바일에서 글과 표가 읽히는지 미리보기합니다.

실제 PDP에서 이미지와 본문이 함께 일하는 모습을 볼게요

CeraVe 제품 페이지는 제품 사진만 보여주지 않고 특징·성분·사용법을 별도의 텍스트 블록으로 제공합니다. 이미지는 제품을 빠르게 이해하게 하고 본문은 정확한 단어, 조건, 사용 순서를 전달합니다. 하나가 다른 하나를 대신하지 않아요.

이미지 한 장을 본문으로 복구하는 예시

상세 이미지에 세안 후 2–3방울, 눈가를 피해 사용이라고 적혀 있다면 아래 네 곳을 맞춥니다.

위치	들어갈 정보
이미지 alt	제품 사용 장면이나 표가 무엇을 보여주는지
캡션	이 이미지에서 확인할 핵심 한 문장
본문	사용 순서·용량·주의사항 전체
표	여러 제품이나 조건을 비교해야 할 때 동일한 행·열 데이터

alt에 이미지 속 모든 문장을 복사하지 않습니다. alt는 이미지가 전달하는 목적을 설명하고, 긴 정보는 본문에 둡니다. 장식 이미지라면 비워도 되지만 제품 선택에 필요한 표·수치·주의사항은 반드시 텍스트로 다시 제공합니다.

이미지를 끈 상태에서도 질문에 답할 수 있는지, 모바일 확대 없이 표를 읽을 수 있는지, 캡션과 본문이 서로 다른 수치를 말하지 않는지 11편 모두 확인합니다.

오늘 만든 결과를 실제로 측정해볼까요?

오늘 확인할 질문. 이미지에서 꺼낸 핵심 사실이 실제 HTML과 렌더링 결과에 있나요?

기본 측정 경로	유료 도구가 있다면
페이지 소스·렌더링 화면 + GSC URL Inspection 실시간 테스트	Ahrefs/Semrush Site Audit의 rendered HTML·content issue 보조 확인

1. 핵심 문장 한 구절을 공개 페이지에서 복사·검색합니다.
2. 초기 HTML 또는 렌더링 결과에 해당 텍스트와 표준 a href 링크가 있는지 확인합니다.
3. 수정 전후 캡처와 텍스트 존재 여부를 change log에 남깁니다.

측정표에 남길 값. URL, 핵심 사실, 초기 HTML, rendered HTML, 이미지 전용 여부, 수정일

이 값으로 내릴 다음 결정. 화면에는 보이지만 렌더링 결과에 없으면 콘텐츠 재작성보다 템플릿 개발 요청을 우선합니다.

측정 한계. HTML에 텍스트가 있다고 검색·인용이 보장되지는 않습니다. 접근성과 검증 가능성의 완료 조건입니다.

도구 근거: Google JavaScript SEO basics

오늘 우리 브랜드에 남는 것

검색 가능한 표·캡션 · 이미지 대체 텍스트 · 본문으로 복구된 제품 사실

이번 주 측정 전에 같이 끝낼 보충 실행

원래 Day 42에 있던 11개 페이지를 내부 링크로 하나의 주제로 묶기 실습을 오늘로 옮겼어요. 내일은 작성 대신 이번 주 데이터를 측정합니다.

Day 42. 11개 페이지를 내부 링크로 하나의 주제로 묶기

내부 링크는 ‘관련 글 보기’ 장식이 아니라, 고객과 크롤러에게 다음 답이 어디 있는지 알려주는 문장입니다.

링크의 앞뒤 문장부터 같이 볼게요

자세히 보기보다 민감성 피부의 선크림 선택 기준을 확인하세요처럼 목적이 보이는 앵커 텍스트가 좋아요. 한 문장 안에서 자연스럽게 다음 질문으로 연결합니다.

각 연결 콘텐츠에는 다음 링크를 최소 하나씩 넣습니다.

• 필러 콘텐츠로 돌아가는 링크
• 같은 문제 영역의 다른 세부 글 링크
• 구매 또는 공식 확인을 위한 PDP·FAQ·정책 링크

필러 콘텐츠에는 연결 콘텐츠 10편으로 가는 링크를 문맥에 맞춰 배치합니다. 푸터에 링크 10개를 몰아넣는 것보다 해당 기준을 설명한 바로 아래에 놓아요.

오늘 실제로 만들 것

1. Day 33 URL 지도를 다시 엽니다.
2. 11개 원고에 들어오는 링크와 나가는 링크를 표시합니다.
3. 링크 문구가 목적을 설명하는지 확인합니다.
4. 존재하지 않는 예정 URL은 발행 순서에 맞춰 보류합니다.
5. 고아 페이지가 0개인지 표에서 확인합니다.

완료 체크

• 모든 연결 글이 필러로 돌아간다.
• 필러에서 모든 연결 글로 갈 수 있다.
• 각 글에서 PDP·FAQ 또는 정책으로 이동할 수 있다.
• 링크가 실제 <a href>로 구현된다.

실제 연결 구조에서 링크 문장을 볼게요

Beauty of Joseon 루틴 가이드는 오일 클렌저, 클렌저, 토너, 세럼, 보습, 선크림을 하나의 사용 흐름으로 보여줍니다. 고객은 개별 제품 링크가 아니라 “지금 단계 다음에 무엇을 확인하는가”를 따라갑니다. 내부 링크도 이 흐름을 문장으로 설명해야 해요.

약한 링크를 고치는 예시

약한 문장	고친 문장
자세히 보기	민감성 피부의 선크림 선택 기준 4가지를 확인하세요.
관련 상품	메이크업 전에 쓰기 편한 제형을 제품별로 비교하세요.
더 알아보기	백탁이 생기는 조건과 확인 방법을 이어서 보세요.

11개 페이지마다 필러로 돌아가기, 다음 질문, 공식 제품·정책 세 종류를 최소 하나씩 배치합니다. 한 문단에 링크를 몰아넣지 말고 독자가 다음 판단을 해야 하는 자리 바로 뒤에 둡니다.

출발 URL / 링크 문장 / 도착 URL / 링크 목적 / 공개 여부 / 점검일을 한 행으로 남깁니다. 이 표에서 들어오는 링크가 0인 페이지가 고아 페이지예요. 발행 예정 URL은 공개 전까지 링크하지 않거나 명확한 순서로 함께 배포합니다.

오늘 우리 브랜드에 남는 것

내부 링크 30개 이상 · 고아 페이지 0개인 클러스터

내일은 작성 대신 이번 주 결과를 측정해요

오늘까지 만든 자산을 그대로 두고, 내일은 KPI의 정의·데이터 위치·기록 방법·주간 리포트까지 한 장으로 완성합니다.