Donk Tools

대체 텍스트

입력

0

결과

위에서 이미지를 설명하고 생성을 클릭하여 대체 텍스트 제안을 받으세요.

예시

좋은 대체 텍스트 vs 나쁜 대체 텍스트

좋음나쁨

Woman in red dress holding a coffee cup while sitting at a wooden desk with a laptop

구체적이고 상세하며 맥락을 제공합니다. 스크린 리더가 명확한 그림을 그릴 수 있습니다.

image.jpg

너무 일반적이거나 단순한 파일명입니다. 접근성이나 SEO에 전혀 가치가 없습니다.

Graph showing Q4 revenue growth of 34% with an upward trend line from October to December

데이터 스토리를 전달합니다. 차트를 보지 않아도 사용자가 핵심 통찰을 얻을 수 있습니다.

chart.png

단순한 파일 확장자입니다. 데이터 시각화를 위한 대체 텍스트의 요점을 완전히 놓치고 있습니다.

White and red sneakers on a wooden floor with natural sunlight streaming from a window

장면을 설정합니다. 전자상거래 제품 이미지는 맥락 있는 설명의 이점을 얻습니다.

Photo of shoes

모호하고 도움이 되지 않습니다. 이 제품을 다른 신발 사진과 구분할 수 없습니다.

대체 텍스트란?

대체 텍스트(alt text)는 이미지 태그에 추가되어 이미지 콘텐츠를 설명하는 HTML 속성입니다. 시각 장애 사용자를 위해 스크린 리더로 읽히고, 이미지 로드에 실패했을 때 표시됩니다. 검색 엔진도 이미지 콘텐츠를 이해하기 위해 대체 텍스트를 사용하므로, 접근성과 SEO 모두에서 핵심적인 요소입니다.

  • 대체 텍스트는 125자 이내로 유지하세요. 이미지 콘텐츠를 자연스럽게 설명 — 키워드를 과도하게 넣지 마세요. 페이지에 의미를 더할 수 있는 관련 컨텍스트를 포함하세요. 장식용 이미지는 alt="" (비움)을 사용하세요.