대체 텍스트

대체 텍스트는 어디에서 쓰이나요?

이미지 태그 안에 넣어 이미지 내용을 글로 전달하는 자리에서 씁니다. 이미지를 보여줄 수 없을 때 그 자리를 대신하는 문구입니다.

• 이미지가 깨지거나 느린 네트워크에서 로딩되지 않았을 때 그 자리에 대신 표시할 때
• 화면 낭독기를 쓰는 시각장애인 이용자에게 이미지 내용을 음성으로 전달할 때
• 구글 이미지 검색이 이미지 파일을 읽지 못해 대신 내용을 판단할 근거가 필요할 때

대체 텍스트는 어떻게 작성하나요?

img 태그 안 alt 속성에 이미지가 보여주는 내용을 있는 그대로 적습니다.

<img src="dalmatian-puppy.jpg"
     alt="원반을 물어오는 달마시안 강아지 사진">

<!-- 장식용 이미지는 비워 둔다 -->
<img src="divider-line.png" alt="">

지킬 규칙은 네 가지입니다.

• 이미지 내용을 있는 그대로 설명하고 키워드를 나열하지 않습니다
• 문구는 짧고 구체적으로 씁니다
• 로고·아이콘처럼 브랜드를 나타내는 이미지는 회사명이나 서비스명을 적습니다
• 정보를 담지 않는 순수 장식용 이미지는 alt=””로 비워 둡니다

대체 텍스트가 왜 중요한가요?

검색엔진은 이미지 파일 자체를 읽지 못해 alt 텍스트를 이미지 주제 판단의 핵심 근거로 씁니다. 키워드를 나열한 문구보다 이미지 내용을 그대로 설명한 문구가 권장됩니다(구글 검색 센터, 2026-09 확인). alt 속성이 비어 있으면 이 근거 하나가 통째로 빠져 이미지 검색 노출 기회가 줄어듭니다.

대체 텍스트라는 개념은 왜 생겼나요?

원래는 시각장애인 이용자를 위한 웹 접근성 규칙에서 나왔습니다. 화면 낭독기가 이미지 내용을 대신 읽어줄 방법이 필요했기 때문입니다. 이후 검색엔진도 이미지 검색 결과를 판단하는 근거로 같은 속성을 쓰기 시작했습니다.

내 상황에 적용하려면?

이미지를 하나씩 열어 alt 속성이 채워져 있는지 확인합니다. 브라우저 개발자 도구에서 이미지 요소를 검사하면 바로 보입니다.

• 이미지 내용을 설명하는 alt 문구를 넣었는지 확인했습니다
• 장식용 이미지는 alt=””로 비워 뒀는지 확인했습니다
• 키워드만 나열한 문구가 없는지 점검했습니다
• 로고·아이콘 이미지에 브랜드명을 넣었는지 확인했습니다

대체 텍스트에 대한 흔한 오해는 무엇인가요?

빈 alt를 무조건 실수로 보는 오해가 가장 흔합니다. 아래 표로 정리합니다.

이미지가 검색결과에 노출되는 조건 전반은 이미지 SEO 항목에서, 이미지 외 페이지 요소 최적화는 온페이지 SEO 항목에서 다룹니다.