Alt 텍스트(대체 텍스트)는 HTML의 이미지에 추가되는 짧은 설명입니다. 두 가지 중요한 목적을 제공합니다: 화면 판독기에 의존하는 시각 장애인 사용자가 이미지가 보여주는 것을 이해하는 데 도움을 주고, 검색 엔진에 이미지 콘텐츠에 대한 컨텍스트를 제공합니다. 좋은 alt 텍스트 작성은 웹사이트의 접근성과 이미지 SEO 모두에 가장 간단하고 가장 큰 영향을 미치는 개선 중 하나입니다.
Alt 텍스트란 무엇이고 어디에 들어가는가?
HTML에서 alt 텍스트는 img 요소의 alt 속성입니다:
<img src="golden-retriever.jpg" alt="가을 낙엽 속에서 노는 골든 리트리버 강아지">
Alt 텍스트는 두 가지 상황에서 표시됩니다:
- 이미지가 로드되지 않을 때 (깨진 링크, 느린 연결)
- 화면 판독기가 시각 장애인 사용자에게 페이지를 소리로 읽을 때
검색 엔진 크롤러(Googlebot, Bingbot)는 alt 텍스트를 읽어 이미지가 무엇을 보여주는지 이해하고, 이를 Google 이미지에서 이미지를 색인화하고 주변 콘텐츠의 컨텍스트를 이해하는 데 사용합니다.
좋은 Alt 텍스트 작성 규칙
사이트의 모든 이미지에 대해 다음 원칙을 따르세요:
- 구체적이고 설명적으로: "나무 테이블 위에 녹색 손잡이가 있는 흰색 도자기 커피잔"이 "커피잔" 또는 "이미지"보다 훨씬 좋습니다. 이미지가 실제로 보여주는 것을 설명하세요.
- 간결하게 유지: 대부분의 화면 판독기는 주변 콘텐츠와 함께 alt 텍스트를 발표합니다. 긴 alt 텍스트 (125자 이상)는 듣기에 방해가 됩니다. 1–2문장을 목표로 하세요.
- "이미지" 또는 "사진"으로 시작하지 마세요: 화면 판독기는 alt 텍스트를 읽기 전에 이미 "이미지"를 발표합니다. "이미지의"를 추가하는 것은 중복입니다.
- 자연스럽게 키워드 포함: 이미지가 제품, 서비스 또는 주제를 보여주는 경우 관련 키워드를 포함하세요 — 하지만 이미지가 실제로 보여주는 것을 진정으로 설명하는 경우에만.
빈 Alt 텍스트를 사용해야 할 때
일부 이미지는 순전히 장식적입니다 — 정보를 전달하지 않고 시각적 흥미를 더하는 구분선, 배경 텍스처, 추상적 도형. 이러한 경우 빈 alt 속성을 사용하세요:
<img src="decorative-wave.svg" alt="">
빈 alt=""는 화면 판독기에게 이미지를 완전히 건너뛰도록 지시합니다. alt 속성을 완전히 생략하면 일부 화면 판독기는 파일 이름을 대신 읽습니다. 장식적 이미지에는 항상 alt=""를 포함하고 속성을 완전히 제거하지 마세요.
SEO를 위한 Alt 텍스트: Google이 실제로 사용하는 것
- Alt 텍스트 없는 이미지는 Google 이미지에서 순위를 매기기 더 어렵습니다: Google은 alt 속성 없이 이미지가 무엇을 보여주는지 확신할 수 없습니다.
- Alt 텍스트는 페이지 관련성에 기여합니다: 적절하게 alt 텍스트가 지정된 빵 사진이 있는 수제 빵에 관한 블로그 게시물은 Google에 페이지의 주제 관련성을 강화합니다.
- 정확한 키워드 일치는 필요하지 않습니다: 관련 용어를 포함한 자연스러운 설명이 강요된 키워드 삽입보다 더 나은 성과를 냅니다.
피해야 할 일반적인 Alt 텍스트 실수
- 키워드 남용: 스팸 신호입니다. Google은 키워드가 남용된 alt 텍스트를 감지할 수 있으며 순위에 도움이 되지 않습니다.
- 파일 이름을 alt 텍스트로 사용: 사용자와 검색 엔진 모두에게 쓸모가 없습니다. 항상 의미 있는 설명을 작성하세요.
- 모든 이미지에 동일한 alt 텍스트 작성: 모든 이미지는 해당 특정 이미지를 설명하는 고유한 alt 텍스트를 가져야 합니다.
Alt 텍스트를 넘어 이미지 최적화하기
Alt 텍스트는 이미지 SEO 퍼즐의 한 조각입니다. 적절하게 최적화된 이미지 파일로 보완하세요:
- 일반적인 이름 대신 설명적인 파일 이름 사용 (
homemade-sourdough-bread.jpg대DSC_0019.jpg) - 페이지 속도를 향상시키기 위해 Picovert의 압축기로 이미지 압축 — 이것 자체가 SEO 신호
- 이미지를 표시될 최대 크기로 조정 — 이미지 리사이저를 사용하여 표시 치수와 맞추세요.
- 게시 전에 GPS 데이터가 포함된 EXIF 메타데이터를 이미지에서 제거하세요. 개인 정보 보호를 위해 Picovert의 EXIF 제거기를 사용하세요.
잘 최적화된 이미지(올바른 크기, 압축, 설명적 파일 이름)와 결합된 좋은 alt 텍스트는 사용자와 검색 엔진 모두에 도움이 되는 완전한 이미지 SEO 신호를 만듭니다.