이미지 안에만 있는 정보 문제와 텍스트로 옮기는 법

🤔 AI 답변에 우리 가격이 빠지거나 틀리게 나올 때

AI에게 우리 제품 가격이나 행사 일정을 물었더니 "공식 정보를 찾지 못했다"는 답이 오거나, 다른 블로그가 예전에 적어 둔 가격이 나오는 때가 있습니다. 사이트를 열어 보면 가격과 일정이 분명히 적혀 있는데, 전부 디자인된 이미지 한 장 안에 담겼습니다.

사람 눈에는 이미지 속 글자와 본문 글자가 똑같이 보입니다. 그런데 페이지의 HTML에는 이미지 파일의 주소만 있고 그 안의 글자는 없습니다. 지금부터 이 상태를 확인하는 방법과 텍스트로 옮길 정보의 순서, 이미지와 텍스트를 함께 쓰는 방식을 2026년 9월 28일 공식 문서 기준으로 정리합니다.

🔑 이미지 안에만 있는 정보 문제의 정의

이미지 안에만 있는 정보 문제는 가격, 기간, 조건 같은 핵심 정보가 이미지 파일 속 글자로만 존재하고 페이지의 HTML 텍스트에는 없는 상태를 말합니다.

HTML은 웹 페이지의 내용과 구조를 적는 언어이고, 기본 개념은 HTML 이해하기에 있습니다. 쇼핑몰 상세페이지를 긴 이미지 여러 장으로 만드는 방식, 채용공고와 공모전, 행사 안내를 포스터 한 장으로 올리는 방식이 대표적입니다. GEO 최적화 하는 법에서도 이미지 안에만 존재하는 정보는 AI 답변에 인용될 가능성이 낮다고 다뤘습니다.

🔍 우리 페이지가 해당하는지 확인하는 방법

도구 없이 1분이면 확인할 수 있습니다.

1. 소스 보기에서 숫자 찾기: 페이지에서 오른쪽 버튼을 눌러 페이지 소스 보기를 열고, 가격이나 날짜 숫자를 찾기 기능으로 검색합니다. 화면에는 있는데 소스에서 검색되지 않으면 이미지 안에만 있는 정보입니다
2. 글자 끌어 선택하기: 가격 문구를 마우스로 끌어 선택해 봅니다. 선택되지 않고 그림 전체가 잡히면 이미지입니다
3. 이미지 끄고 보기: 브라우저 설정에서 이미지를 끄고 페이지를 열면 텍스트로 남는 정보만 보입니다

1번에서 숫자가 소스에 없는데 화면에 글자로 보인다면 자바스크립트가 나중에 그리는 글자일 수도 있습니다. 이 경우도 자바스크립트를 실행하지 않는 크롤러에게는 빈 곳으로 보일 수 있어서 같은 문제로 봅니다.

📉 이미지 속 정보가 답변에 쓰이기 어려운 이유

AI 검색은 검색 색인에서 문서를 가져와 답에 쓸 문단과 문장을 고릅니다. 이 과정은 AI 검색이 페이지를 고르고 인용하는 방식에서 다뤘습니다. 가격이 이미지 속에만 있으면 그 페이지에는 가격을 말하는 문장이 없고, 답변 엔진은 가격이 텍스트로 적힌 다른 문서를 가져가게 됩니다. 앞의 상황에서 다른 블로그의 옛 가격이 나온 이유가 여기에 있습니다.

공식 문서도 같은 방향을 가리킵니다.

• 구글 AI 기능 문서: AI 개요와 AI 모드에 대비해 중요한 내용을 텍스트 형태로 두라고 권합니다
• 구글 이미지 문서: 이미지의 주제를 이해할 때 대체 텍스트와 컴퓨터 비전 알고리즘, 페이지 내용을 함께 쓴다고 설명합니다
• 마이크로소프트 빙 팀: 코파일럿 답변에 포함되려면 핵심 정보를 PDF 안에만 두지 말라고 경고합니다

두 번째 항목처럼 구글은 이미지를 분석하는 기술을 쓰고, 서치 콘솔의 생성형 AI 실적 보고서에는 이미지를 넣어 검색한 경우를 보는 필터도 있습니다. 그래서 이미지 속 글자를 전혀 못 읽는다고 단정할 수는 없습니다. 다만 이미지 속 가격이 본문 텍스트와 같은 무게로 답변에 쓰인다는 공식 설명은 찾지 못했고, 글자 이미지를 AI 검색 서비스들이 어떻게 처리하는지는 공개되지 않았습니다. 확실한 쪽은 같은 정보를 텍스트로도 적어 두는 것입니다.

🧾 텍스트로 옮길 정보의 우선순위

상세페이지 전체를 다시 만들 필요는 없습니다. 질문으로 자주 들어오는 정보부터 옮깁니다.

옮길 때는 인용되는 페이지 구조에서 다룬 원칙을 그대로 씁니다. 같은 기준으로 비교할 정보는 표로, 대상 이름은 문장마다 다시 적습니다.

🖼️ 이미지와 텍스트를 함께 쓰는 방식

디자인된 이미지를 없애라는 뜻은 아닙니다. 이미지는 설득을, 텍스트는 정보 전달을 맡도록 나눕니다. 아래는 가상의 행사 안내 페이지를 고친 예입니다.

대체 텍스트(alt text)는 이미지를 볼 수 없는 사람과 기계에게 이미지가 무엇을 보여 주는지 알려 주는 짧은 문장입니다. 안내문 전체를 대체 텍스트에 붙여 넣기보다, 이미지를 한 문장으로 설명하고 세부 정보는 본문에 적는 편이 맞습니다. 구글은 2026년 4월 30일 이미지 문서에 schema.org 표시나 og:image로 대표 이미지를 지정할 때 글자가 들어간 이미지를 피하라는 내용도 더했습니다. og:image는 링크를 공유할 때 미리보기로 뜨는 대표 이미지입니다.

♿ 웹 접근성 기준과 같은 방향입니다

웹 접근성 국제 기준인 WCAG 2.2의 성공 기준 1.4.5는 기술적으로 가능하다면 글자 이미지 대신 텍스트로 정보를 전하도록 정합니다. 로고처럼 글자 모양 자체가 중요한 경우는 예외입니다. 같은 기준의 1.1.1은 글자가 아닌 콘텐츠에 텍스트 대안을 두라고 정합니다.

화면 낭독기를 쓰는 사람에게 이미지 속 가격은 들리지 않습니다. 사람이 읽을 수 없는 정보를 기계가 잘 읽어 낼 거라고 기대하기 어렵다는 점에서, 접근성을 지키는 작업과 GEO 작업은 같은 방향을 향합니다.

⚠️ 자주 하는 실수

• 이미지 해상도만 높입니다: 선명해져도 HTML에 글자가 없는 상태는 그대로입니다
• 대체 텍스트에 안내문 전체를 넣습니다: 대체 텍스트는 이미지 설명이라 긴 조건표를 대신하기에 맞지 않습니다
• PDF 안내문만 올립니다: 빙 팀도 핵심 정보를 PDF에만 두지 말라고 경고합니다
• 가격을 바꾸고 텍스트를 빠뜨립니다: 이미지와 본문의 가격이 다르면 답변에 틀린 정보가 옮겨집니다

❓ 자주 묻는 질문

AI가 이미지 속 글자도 읽지 않나요?

이미지를 분석하는 기술은 있고, 구글도 이미지를 이해할 때 컴퓨터 비전 알고리즘을 쓴다고 설명합니다. 다만 이미지 속 글자를 본문 텍스트와 같은 무게로 답변에 쓴다는 공식 설명은 없어서, 인용을 기대하는 정보는 텍스트로 함께 적는 편이 확실합니다.

상세페이지 디자인이 망가지지 않을까요?

이미지는 그대로 두고 그 아래나 옆에 정보 표를 더하는 방식이라 디자인을 바꿀 필요는 크지 않습니다. 표는 접어 두기보다 펼친 상태로 두는 편이 좋은데, 빙 팀이 핵심 답을 누르기 전에는 보이지 않는 탭 안에만 두지 말라고 권했기 때문입니다.

쇼핑몰 플랫폼이 이미지 상세페이지만 지원하면 어떻게 하나요?

상품 설명 칸이나 상품 정보 고시 칸처럼 텍스트로 입력하는 칸에 가격 조건과 사양, 배송 규정을 적습니다. 자체 사이트가 있다면 같은 제품의 소개 페이지를 텍스트로 만들어 두고, 표기와 가격을 쇼핑몰과 맞춰 관리합니다.

📋 3줄 요약

1. 이미지 안에만 있는 정보 문제는 가격과 기간, 조건이 이미지 속 글자로만 있어 HTML 텍스트에는 없는 상태이고 페이지 소스 보기에서 그 숫자가 검색되지 않으면 해당됩니다.

2. 구글은 AI 기능 문서에서 중요한 내용을 텍스트 형태로 두라고 권하고 웹 접근성 기준 WCAG 2.2도 기술적으로 가능하면 글자 이미지 대신 텍스트로 정보를 전하도록 정합니다.

3. 이미지는 그대로 두고 가격과 기간, 자격 조건, 환불과 배송 규정을 같은 페이지의 표나 문단으로 옮겨 적고 대체 텍스트에는 이미지가 무엇을 보여 주는지 한 문장만 씁니다.

📚 참고 자료

• 구글 검색 센터, AI features and your website: https://developers.google.com/search/docs/appearance/ai-features
• 구글 검색 센터, 구글 이미지 권장사항: https://developers.google.com/search/docs/appearance/google-images
• 서치 콘솔 도움말, 생성형 AI 실적 보고서: https://support.google.com/webmasters/answer/16984139
• W3C, WCAG 2.2: https://www.w3.org/TR/WCAG22/
• 마이크로소프트 광고 블로그, Optimizing your content for inclusion in AI search answers: https://about.ads.microsoft.com/en/blog/post/october-2025/optimizing-your-content-for-inclusion-in-ai-search-answers