대체 텍스트가 SEO와 접근성에 여전히 중요한 이유

대체 텍스트는 <img> 태그가 존재한 이후로 계속 HTML의 일부였습니다. 웹에서 가장 오래된 접근성 기능 중 하나이며, 여전히 가장 자주 생략되는 기능 중 하나입니다.

스크린 리더만을 위한 것이 아닙니다

대체 텍스트는 스크린 리더가 소리 내어 읽어주기 때문에 시각 장애가 있는 사용자에게 필수적입니다. 하지만 그 이상의 역할도 합니다.

• 이미지 검색 — Google 이미지와 Bing 이미지는 대체 텍스트를 사용해 이미지가 무엇을 보여주는지 이해하고 순위를 매깁니다.
• 깨진 이미지 — 이미지가 로드되지 않으면 그 자리에 대체 텍스트가 표시됩니다.
• 크롤러를 위한 문맥 — 검색 엔진은 사람처럼 이미지를 “볼” 수 없습니다. 대체 텍스트는 검색 엔진이 얻는 몇 안 되는 직접적인 신호 중 하나입니다.

이를 생략하면 이미지 검색에서 노출되지 않고, 상당수의 방문자에게 사용하기 어려운 사이트가 되며, 이미지가 있는 모든 페이지에서 작지만 실질적인 순위 신호를 놓치게 됩니다.

그래도 팀들이 생략하는 이유

신경 쓰지 않아서가 아닙니다. 확장이 안 되기 때문입니다.

좋은 대체 텍스트 하나를 쓰는 데는 30초가 걸립니다. 4,000개 품목의 상품 카탈로그 전체에 쓰려면 며칠이 걸리고, 출시 일정이 촉박해지면 가장 먼저 잘려나가는 작업입니다. 대부분의 팀은 초기에 수작업으로 작성한 몇 개의 설명과, 아무것도 없는 수천 개의 이미지가 뒤섞인 상태로 남게 됩니다.

좋은 대체 텍스트란 무엇인가

유용한 대체 텍스트 설명은 일반적이지 않고 구체적입니다.

• 나쁜 예: "제품 사진"
• 좋은 예: "노란 배경 위에 떠 있는, 흰색 밑창의 버건디 로우탑 스니커즈"

두 번째 버전은 스크린 리더 사용자가 무엇을 보고 있는지 이해하는 데 도움이 되고, 검색 엔진에게 색인할 수 있는 구체적인 정보를 제공합니다.

확장 가능하게 만들기

이것이 바로 AltGen이 만들어진 이유입니다. 폴더, CSV, 또는 실제 웹페이지를 지정하기만 하면, 전체 라이브러리에 대해 한 번에, 대상 독자가 읽는 언어로, 문맥에 맞는 이미지별 대체 텍스트를 작성합니다. 이제 “제때 출시”와 “접근성 있게 출시” 중 하나를 선택할 필요가 없습니다.