이미지 alt 텍스트 작성법

정의

이미지 alt 텍스트는 시각 장애 사용자를 위한 이미지 대체 텍스트로, SEO와 LLM의 이미지 의미 인식에도 영향을 주는 시그널이다.

TL;DR

alt 텍스트(alt attribute)는 HTML <img> 태그의 alt 속성으로, 시각 장애 사용자의 스크린 리더가 읽어주는 이미지 설명이다. WCAG 2.1 Success Criterion 1.1.1(Non-text Content)의 핵심 요건이며, Google 이미지 검색 최적화와 LLM의 이미지 의미 인식에도 사용된다. 장식 이미지는 alt=""(빈 문자열)로 처리해 스크린 리더가 건너뛰게 한다.

이 가이드로 해결되는 문제

"이미지 alt 텍스트를 어떻게 써야 SEO와 접근성 두 마리 토끼를 잡을 수 있는가"에 답한다. 많은 사이트가 alt를 아예 비워두거나, 반대로 키워드를 과도하게 채워 넣는 두 극단의 실수를 반복한다. 올바른 alt 텍스트는 이 두 목표를 동시에 달성한다.

alt 텍스트의 4가지 역할

1. 접근성 (가장 중요)

WCAG 2.1 Success Criterion 1.1.1은 모든 비텍스트 콘텐츠에 텍스트 대안을 요구한다. 스크린 리더 사용자는 이미지를 볼 수 없으므로 alt 텍스트를 통해 이미지 정보를 전달받는다. alt 속성 자체가 없으면 스크린 리더가 파일명(예: "img_1234.jpg")을 읽어주어 의미 없는 정보가 전달된다.

2. SEO

Google은 이미지를 시각적으로 인식하지 못하고 alt 텍스트, 주변 텍스트, 파일명을 통해 이미지 내용을 이해한다. 명확한 alt 텍스트는 Google 이미지 검색 노출을 높이고, 페이지 전체 주제 신호를 보강하는 역할도 한다.

3. AEO/GEO (멀티모달 AI 시대)

GPT-4V, Claude, Gemini 같은 멀티모달 AI 모델이 이미지를 직접 분석할 수 있게 됐지만, alt 텍스트는 여전히 이미지 의미의 핵심 신호로 활용된다. Perplexity 등 멀티모달 답변 환경에서도 alt 텍스트가 이미지 인용의 기반이 된다 (자세히는 [Perplexity 인용 최적화] 참조).

4. 이미지 로딩 실패 시 폴백

이미지가 로드되지 않았을 때 alt 텍스트가 이미지 위치에 텍스트로 표시된다. 사용자가 이미지 없이도 페이지 내용을 이해할 수 있게 해준다.

alt 텍스트 작성 6가지 규칙

1. 이미지 내용 정확히 묘사 (객관적으로)

이미지에 실제로 있는 것을 설명한다. 주관적 해석이나 감정 표현은 피하고, 이미지를 보지 못하는 사람이 내용을 이해할 수 있도록 객관적이고 구체적으로 묘사한다.

2. 길이: 125자 이내

스크린 리더는 보통 약 125자까지 원활하게 처리한다. 이 범위 내에서 핵심 정보를 완결된 문장으로 담는다. 복잡한 인포그래픽은 alt 텍스트에 요약만 하고, 본문에 전체 내용을 텍스트로 제공한다.

3. 자연스러운 키워드 1개

페이지 타겟 키워드를 자연스럽게 1번 포함할 수 있다. 단, 이미지 묘사에 맞지 않으면 억지로 넣지 않는다. 키워드가 이미지 내용과 자연스럽게 연결될 때만 사용한다.

4. "이미지", "사진" 단어 X

스크린 리더가 이미 "이미지: [alt 텍스트]"처럼 이미지임을 안내하므로, alt 텍스트에 "이미지", "사진", "그림"을 앞에 붙이면 중복된다. "SEO 트래픽 증가 그래프 이미지" 대신 "SEO 최적화 후 월별 트래픽 40% 증가를 보여주는 선 그래프"가 올바르다.

5. 장식 이미지는 alt="" (빈 문자열)

페이지 디자인을 위한 순수 장식 이미지는 alt=""(빈 문자열)을 사용한다. 이렇게 하면 스크린 리더가 해당 이미지를 건너뛴다. alt 속성 자체를 생략하면 스크린 리더가 파일명을 읽어주므로 반드시 빈 문자열로 명시해야 한다.

6. 컨텍스트 고려

같은 이미지라도 사용 목적에 따라 alt 텍스트가 달라진다. 동일한 강아지 사진이 "품종 소개 페이지"에 있으면 "래브라도 리트리버의 특징적인 황금빛 털"이고, "반려동물 복지 글"에 있으면 "행복하게 뛰어노는 반려견"이 적절하다.

좋은 vs 나쁜 alt 텍스트

좋은 예:

나쁜 예:

alt 텍스트 작성 4단계

1단계: 이미지 목적 분류

이미지를 4가지 유형 중 하나로 분류한다:

• 정보 전달 이미지: 의미 있는 alt 텍스트 필요
• 장식 이미지: alt="" 사용
• 링크/버튼 이미지: 링크 목적지나 버튼 기능을 alt에 설명
• 복잡한 이미지(인포그래픽, 차트): alt에 핵심 요약 + 본문에 전체 내용

2단계: 핵심 요소 식별

이미지에서 전달하려는 핵심 정보가 무엇인지 파악한다. 차트라면 핵심 데이터 포인트, 인물 사진이라면 누구인지+상황, 제품이라면 제품명+주요 특징.

3단계: 한 문장으로 작성 (50-125자)

핵심 요소를 50-125자 범위의 완결된 문장으로 작성한다. 문장 형태가 아닌 명사구 나열도 가능하지만, 스크린 리더 UX에서는 완결된 문장이 더 자연스럽다.

4단계: "이미지 가린 채 alt만 읽기" 검증

이미지를 보지 않고 alt 텍스트만 읽었을 때 이미지 내용을 충분히 이해할 수 있는지 확인한다. 이해가 어렵다면 alt 텍스트를 수정한다.

특수 이미지 타입별 가이드

차트/그래프: 핵심 데이터 포인트를 포함한다. 예: "2024년 대비 2025년 AI 검색 트래픽이 47% 증가했음을 보여주는 막대 차트"

스크린샷: 무엇의 스크린샷인지와 핵심 정보를 포함한다. 예: "Google Search Console 검색 성과 탭 스크린샷, 평균 CTR 3.2% 표시"

인물 사진: 누구인지와 컨텍스트를 포함한다. 예: "AlleoAI 창업자 홍길동이 SEO 워크숍에서 강의하는 모습"

제품 이미지: 제품명과 주요 특징을 포함한다. 예: "AlleoAI 대시보드 화면, AI Visibility Score 차트와 키워드 분석 섹션"

인포그래픽: alt에 핵심 요약만 담고, 전체 내용은 본문 텍스트로 제공한다. 예: "GEO 최적화 5단계 프로세스 인포그래픽 (상세 내용은 본문 참조)"

AEO/GEO 시대의 alt 텍스트

멀티모달 AI 모델이 이미지를 직접 분석할 수 있게 됐지만, alt 텍스트는 이미지 의미 전달의 명시적 신호로 여전히 중요하다. 특히:

• AI가 페이지를 처리할 때 alt 텍스트는 이미지 내용을 빠르게 이해하는 1차 신호다
• 멀티모달 AI 답변에서 이미지가 인용될 때 alt 텍스트가 이미지 설명으로 활용될 수 있다
• 페이지 주제와 연관된 명확한 alt 텍스트는 전체 페이지의 주제 일관성을 강화한다

한국 시장 적용

법적 의무

한국의 장애인차별금지법(장애인차별금지 및 권리구제 등에 관한 법률)은 웹 콘텐츠의 접근성 기준 준수를 의무화하고 있다. 한국형 웹 콘텐츠 접근성 지침(KWCAG 2.1)도 WCAG 2.1과 동일하게 이미지 대체 텍스트를 요구한다.

웹 접근성 인증

한국지능정보사회진흥원(NIA)의 웹 접근성 품질 인증 심사에서 이미지 alt 텍스트는 핵심 평가 항목이다. 공공기관 사이트는 의무적으로 인증이 필요하다.

CMS별 alt 입력 방법

• Cafe24: 이미지 업로드 후 "대체 텍스트" 필드에 입력
• 아임웹: 이미지 삽입 시 alt 텍스트 입력 팝업
• 워드프레스: 미디어 라이브러리 "대체 텍스트" 필드
• 네이버 블로그: 이미지 속성에서 대체 텍스트 입력 (자세히는 [네이버 서치어드바이저] 참조)

한국어 페이지에서는 한국어 alt 텍스트가 자연스럽다. 브랜드명, 제품명 등 고유명사는 원어 그대로 사용 가능하다.

자주 묻는 질문

Q. 모든 이미지에 alt가 필요한가요? A. 모든 <img> 태그에 alt 속성이 있어야 한다. 정보를 전달하는 이미지는 의미 있는 텍스트를, 장식용 이미지는 alt=""(빈 문자열)을 사용한다. alt 속성 자체가 없으면 스크린 리더가 파일명을 읽는다.

Q. alt에 키워드 여러 개 넣으면 SEO에 좋지 않나요? A. 키워드 스터핑은 Google 가이드라인 위반이며 실제 효과도 없다. 자연스러운 이미지 설명에 관련 키워드가 1번 들어가는 것으로 충분하다. 지나친 키워드 삽입은 접근성도 해친다.

Q. 한국어로 써야 하나요, 영어로 써야 하나요? A. 페이지 언어에 맞게 작성하는 것이 원칙이다. 한국어 페이지라면 한국어 alt가 자연스럽고 스크린 리더 UX도 좋다. 브랜드명, 제품명 등 고유명사는 원어 그대로 사용 가능하다.

Q. 이미지 파일명도 SEO에 영향을 주나요? A. 영향을 준다. "img_1234.jpg" 대신 "google-search-console-ctr-chart.jpg" 같이 의미 있는 파일명을 사용하면 Google이 이미지 내용을 이해하는 데 도움이 된다. alt 텍스트와 파일명이 일관되게 이미지 내용을 반영하면 이미지 검색 노출에 유리하다.

관련 출처

• W3C WAI. Alt text decision tree. https://www.w3.org/WAI/tutorials/images/decision-tree/
• Google Search Central. Google Images SEO best practices. https://developers.google.com/search/docs/appearance/google-images
• WCAG 2.1 Success Criterion 1.1.1 Non-text Content. https://www.w3.org/TR/WCAG21/#non-text-content
• 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.1. https://www.wah.or.kr/board/boardView.asp?brd_sn=5&brd_idx=853