대체 텍스트 점검 항목과 손질 메모

머리말 노트

대체 텍스트는 원고 점검 순서에 끼는 온페이지 SEO¹ 낱말이며, 매체마다 Alt Text, alt 속성, 이미지 대체 텍스트 같은 다른 이름·표기로도 불린다. 이미지 요소의 alt 속성에 적는 설명문으로, 이미지를 볼 수 없는 상황에서 그 내용을 글로 대신 전달하고 이미지 검색에도 활용된다.

웹사이트상위노출은 검색 결과 상단에 웹사이트를 올리려는 일을 뜻하며, 원고를 확인하고 손보는 일도 그 안에서 이루어진다.

배경 확인

검수 메모 첫 칸에 대체 텍스트가 등장한 배경은 다음과 같다. 시각 장애가 있는 사용자가 화면 낭독기로 이미지 내용을 들을 수 있도록 마련된 접근성 장치이며, 이미지가 불러와지지 않을 때 대신 표시되는 용도도 있다.

검수 칸 메모

교정 점검표²에 올려 볼 줄은 아래와 같다.

• 원고 피드백에서 대체 텍스트의 퍼진 오해를 확인했는가: 이 속성을 키워드 입력란쯤으로 여기는 경우가 많지만, 본래 목적은 이미지를 못 보는 사람에게 내용을 전하는 것이며 그 목적에 맞게 쓴 설명이 검색에도 무리가 없다.

• 교정지 위에서 이 점검 거리의 삼갈 손질을 걸러 냈는가: 모든 이미지에 같은 키워드를 반복해 넣는 것은 키워드 남용으로 비칠 수 있고, 꾸밈용 이미지는 설명을 비워 두는 편이 화면 낭독기 사용자에게 낫다.

• 마감 전 점검에서 대체 텍스트의 점검 도구와 자리를 짚었는가: 개발자 도구로 img 요소의 alt 값을 살피거나, 접근성 점검 도구와 사이트 크롤링 도구로 설명이 빠진 이미지 목록을 뽑는다.

• 원고를 넘기기 전에 대체 텍스트의 작동 방식을 따라가 보았는가: 검색엔진은 이미지 자체를 분석하는 것과 함께 대체 텍스트와 주변 문장을 읽어 이미지의 주제를 파악하고, 이를 이미지 검색 결과에 반영한다.

• 이번 교정 회차에 대체 텍스트의 작업 목록 한 줄을 마쳤는가: 이미지를 넣을 때마다 화면을 볼 수 없는 사람에게 말로 전한다고 생각하고, 이미지에 담긴 내용을 한 문장으로 적어 alt 속성에 넣는다.

가상 검수 읽기

점검 목록을 장면 하나에 대 보려고 꾸며 본 장면은 다음과 같다. 예를 들어 거실 벽지 시공 사진이라면 사진이라는 말 대신 연한 회색 실크 벽지로 마감한 거실 벽면처럼 눈에 보이는 내용을 그대로 적는 방식이 알맞다.

차이 확인 풀이

검수 칸이 겹쳐 보이는 개념과 다른 점은 다음과 같다. 마우스를 올리면 뜨는 title 속성과 헷갈리기 쉬운데, title 속성은 보조 설명 말풍선이고 alt 속성은 이미지가 보이지 않을 때 이미지를 대신하는 글이라는 점에서 역할이 다르다.

이웃 항목 짚기

검수 목록 위에서 대체 텍스트가 다른 점검 거리와 이어진 모습은 다음과 같다. 이미지 최적화에서 파일명, 용량과 함께 다루는 기본 항목이며, 이미지가 링크로 쓰일 때는 앵커 텍스트처럼 링크 대상을 설명하는 역할도 맡는다.

한 줄 정리 갈무리

교정지를 넘기기 전에 되읽기³까지 끝내고 나면 웹사이트상위노출을 염두에 둔 점검의 핵심은 다음과 같다. 눈으로 볼 수 없는 사람과 기계에게 그림이 무엇을 보여 주는지 말로 들려주는 글이다.

관련 문서 노트

같은 사이트 메뉴에서는 SEO 콘텐츠 설계 페이지가 함께 있다. 같이 펼칠 항목은 아래 목록과 같다.

• 이미지 최적화

• 앵커 텍스트

• 키워드 스터핑

• 콘텐츠 신선도