통이미지 상세페이지가 검색과 AI 검색에서 사라지는 이유

통이미지로 만든 상세페이지는 사람에게는 멀쩡히 보이지만, 검색엔진과 AI 답변엔진에게는 사실상 빈 페이지입니다. 크롤러가 읽는 것은 화면이 아니라 HTML이고, 이미지 한 장짜리 페이지의 HTML에는 읽을 것이 거의 없기 때문입니다.

말로 설명하는 대신 실제로 변환한 페이지 하나를 열어 보겠습니다. 아래 수치는 모두 이 한 건에서 직접 측정한 값입니다.

대상: 성형외과 병원 소개 페이지

• 레퍼런스 캔버스 1920 × 4,731 px
• 이미지 파일 1개, 1,158 KB
• 병원 이름, 진료 철학, 5가지 약속, 상담 프로세스 — 페이지의 모든 글자가 픽셀입니다.

변환 전, 크롤러가 읽던 것

OCR을 시도하는 크롤러도 있지만, 이미지에서 뽑아낸 글자는 신뢰도가 낮아 순위 판단에 거의 쓰이지 않습니다. 답변엔진은 근거로 인용할 문장 자체를 찾지 못합니다.

변환 후, 크롤러가 읽는 것

이미지 안에 갇혀 있던 1,561자가 그대로 색인 대상이 됩니다. 제목 계층이 생기면서 어느 문장이 페이지의 주제이고 어느 것이 하위 항목인지도 구분됩니다. AI 답변엔진이 인용할 수 있는 형태가 된다는 뜻입니다.

원본 ↔ 재현 결과

여기까지 바꾸면서 보이는 화면은 그대로입니다. 왼쪽이 원본 통이미지, 오른쪽이 재구성된 HTML을 캡처한 화면입니다. 두 패널은 같은 진행률로 함께 스크롤됩니다.

원본 ↔ 결과 HTML 보기 새 창에서 열기 ↗ 오른쪽 패널의 글자는 드래그·복사됩니다

원본 (통이미지 1장) 1,920×4,731

재현 결과 (라이브 HTML) 드래그·복사 가능

디자인을 포기하고 얻은 검색 노출이 아닙니다. 같은 화면, 읽히는 HTML입니다.

품질 리포트

덤으로 따라오는 것

페이지 속도는 검색 순위에 직접 영향을 주는 요소입니다. 통이미지는 1,158 KB를 한 번에 내려받아야 첫 화면이 뜨지만, 재구성된 페이지는 29 KB짜리 문서가 먼저 그려지고 이미지는 화면에 들어올 때 하나씩 불러옵니다.

내용이 바뀔 때 — 유지보수가 달라집니다

병원 소개 페이지도 고정된 문서가 아닙니다. 진료 항목, 의료진, 상담 안내, 인증 문구 — 시간이 지나면 반드시 손봐야 할 곳이 생깁니다. 그런데 통이미지에서는 글자 한 줄을 고치는 데도 이미지를 다시 만들어야 합니다.

이 페이지는 1,561자가 68개 블록으로, 제목 9개 아래에 나뉘어 있습니다. 어느 문장을 고쳐야 하는지 h2·h3 를 따라 찾아갈 수 있고, 고친 문장은 다음 크롤링부터 곧바로 검색 대상이 됩니다.

이미지였다면 문구를 고쳐도 검색엔진 입장에서는 여전히 빈 페이지입니다. 고치는 수고를 들이고도 검색에는 아무 변화가 없다는 뜻입니다. 텍스트로 바꿔 두면 수정한 만큼 그대로 반영됩니다.

정리

• 통이미지 페이지가 검색에서 사라지는 이유는 순위가 낮아서가 아니라 색인할 내용이 없어서입니다.
• 해결은 디자인을 바꾸는 게 아니라 같은 디자인을 읽히는 HTML로 다시 짜는 것입니다.
• 이 사례에서는 1,561자·제목 13개·alt 13개가 새로 생겼고, 화면은 픽셀 대조를 통과할 만큼 동일합니다.
• 고치기도 쉬워집니다. 문구를 바꿀 때 이미지를 다시 만들 필요 없이 해당 문장만 수정하면 되고, 고친 내용이 다음 크롤링부터 그대로 검색에 반영됩니다.

원본 ↔ 재현 결과 나란히 보기 ↗

재구성된 HTML 페이지만 열기 ↗