alt 태그는 이미지의 의미나 기능을 텍스트로 설명하는 HTML 속성입니다. 화면을 보지 못하는 사용자와 검색엔진에 이미지 정보를 전합니다. 흔히 alt 태그라고 부르지만 정확히는 <img> 요소에 넣는 alt 속성입니다.
이 글은 Google 공식 문서와 W3C 문서를 기준으로 작성했습니다.
alt에 담을 이미지의 의미와 기능
예를 들어 회의 중인 팀 사진이라면 파일명이나 키워드 목록 대신 사진에서 전달해야 할 내용을 적습니다.
<img src="team-meeting.jpg" alt="콘텐츠 성과를 검토하는 마케팅팀">
좋은 alt를 쓰려면 이미지를 보지 않아도 그 역할을 이해할 수 있게 설명해야 합니다. 같은 사진도 사용된 문맥에 따라 설명이 달라질 수 있습니다.
작성할 때는 다음 세 가지를 확인합니다.
- 이미지에서 글의 이해에 필요한 정보가 무엇인지 봅니다.
- 주변 문장에서 이미 설명한 내용을 불필요하게 반복하지 않습니다.
- 키워드를 나열하지 않고 짧은 문장이나 구로 자연스럽게 적습니다.
Google은 alt 텍스트만 따로 보지 않습니다. 주변 본문과 캡션, 이미지 파일명, 이미지 자체의 시각 정보도 함께 참고합니다. 따라서 alt에 모든 키워드를 억지로 넣을 필요는 없습니다.
장식 이미지의 빈 alt 처리
모든 이미지에 긴 설명이 필요한 것은 아닙니다. 이미지의 역할에 따라 작성 방식이 달라집니다.
| 이미지 역할 | alt 작성 방식 | 예시 |
|---|---|---|
| 정보를 전달하는 사진 | 핵심 대상과 상황 설명 | alt="콘텐츠 성과를 검토하는 마케팅팀" |
| 수치가 중요한 차트 | 차트가 전달하는 핵심 결과 설명 | alt="2025년 자연 검색 유입이 전년보다 32% 증가한 그래프" |
| 기능이 있는 아이콘 | 동작이나 목적 설명 | alt="검색" |
| 장식용 이미지 | 빈 alt 사용 | alt="" |
장식용 이미지에 파일명이나 장식 이미지라고 쓰면 스크린 리더가 불필요한 정보를 읽을 수 있습니다.
반대로 alt 속성 자체를 빼면 일부 보조 기술이 파일명을 읽을 수 있습니다.
의미가 없는 장식 이미지는 alt 속성을 생략하지 말고 alt=""로 둡니다.
alt와 캡션의 역할 구분
alt는 이미지를 볼 수 없을 때 그 의미나 기능을 대신합니다. 캡션은 이미지를 보는 독자에게 배경이나 출처, 추가 설명을 제공합니다.
둘을 똑같이 쓸 필요는 없습니다. 예를 들어 차트의 alt에는 핵심 변화가 무엇인지 적고, 캡션에는 조사 기간과 데이터 출처를 덧붙일 수 있습니다.
긴 표나 복잡한 인포그래픽을 alt 한 줄로 모두 옮기려 하지 마세요. 핵심을 alt에 요약하고 자세한 수치와 설명은 본문 텍스트로도 제공합니다.
이미지 링크 alt의 역할
이미지만 눌러 다른 페이지로 이동한다면 alt는 이미지 묘사보다 링크의 목적을 알려줘야 합니다.
<a href="/glossary/internal-link">
<img src="internal-link-guide.png" alt="내부 링크 가이드 보기">
</a>
Google은 링크로 사용된 이미지의 alt를 앵커 텍스트처럼 참고할 수 있습니다. 사진이 어떻게 생겼는지보다 클릭했을 때 어디로 가는지가 중요합니다.
alt 태그에서 자주 생기는 실수
- 모든 이미지에 같은 키워드를 반복하는 경우
image.jpg같은 파일명을 그대로 적는 경우이미지,사진처럼 내용이 없는 말만 쓰는 경우- 장식 이미지에도 불필요한 설명을 넣는 경우
- 통이미지 안의 긴 문장을 alt 한 줄로 대신하는 경우
alt는 숨겨진 키워드 입력란이 아닙니다. 이미지를 보지 못한 사람이 무엇을 알아야 하는지부터 생각하면 문구를 정하기 쉬워집니다.
alt 텍스트는 이미지의 의미와 기능을 전달하는 접근성 정보이며, AI 답변에 인용되기 위한 키워드 칸이 아닙니다. Google의 이미지 이해에 참고될 수 있지만 ChatGPT와 Claude가 같은 방식으로 alt를 사용한다는 공통 규칙은 없습니다. 실제 HTML의 alt와 이미지 검색 노출을 확인하고, 범용 챗봇의 이미지 출처는 별도로 봅니다.
자주 묻는 질문
alt에 핵심 키워드를 꼭 넣어야 하나요?
이미지를 정확하게 설명하는 데 필요한 키워드라면 자연스럽게 사용할 수 있습니다. 검색 노출을 위해 같은 키워드를 반복하거나 관련 없는 단어를 나열하지 마세요.
alt는 몇 자로 써야 하나요?
Google은 모든 이미지에 적용되는 고정 글자 수를 제시하지 않습니다. 이미지의 의미와 기능을 충분히 전달하되 불필요하게 길게 쓰지 않는 편이 좋습니다.
워드프레스의 대체 텍스트가 alt인가요?
네. 미디어 설정의 대체 텍스트는 보통 이미지의 alt 속성으로 출력됩니다. 다만 테마나 블록 구현에 따라 실제 HTML이 다를 수 있으므로 게시된 페이지에서 확인하는 편이 정확합니다.
함께 알아두면 좋은 용어
- 대체 텍스트: 이미지를 볼 수 없을 때 의미나 기능을 전달하는 텍스트
- 이미지 SEO: 검색엔진이 이미지를 발견하고 이해할 수 있게 관리하는 작업
- 내부 링크: 사이트 안의 페이지를 서로 연결하는 링크
- 앵커 텍스트: 링크의 목적지를 설명하는 클릭 가능한 문구