대체 텍스트란 무엇인가요?
"대체 설명" 또는 "대체 속성"이라고도 하는 대체 텍스트(대체 텍스트)는 HTML 페이지의 이미지에 대한 서면 설명입니다. 대체 텍스트의 주요 목적은 이미지를 볼 수 없는 사람들의 접근성을 개선하는 것입니다.
흔히 '대체 태그'라고 부르는 경우가 많지만 이는 엄밀히 말하면 잘못된 표현입니다. 대체 텍스트는 HTML 태그에 포함된 속성입니다.
대체 텍스트가 구현되는 방법
alt 속성은 alt=로 시작하고 그 뒤에 따옴표로 묶인 대체 텍스트를 입력합니다. 일반적으로 다음과 같이 표시됩니다:
<img src="image.jpg" alt="이미지 대체 텍스트" title="이미지 제목"/>대체 텍스트가 중요한 이유는 무엇인가요?
접근성
이미지에 대체 텍스트를 추가하는 것은 주로 웹 접근성을 개선하기 위한 것입니다. 수백만 명의 시각 장애인 사용자가 스크린 리더를 사 용하여 온라인 콘텐츠를 소비합니다. 이들에게 시각적으로 표시되는 정보와 동일한 텍스트를 제공하는 것은 매우 중요합니다. 대체 텍스트가 없으면 화면 리더가 이미지의 내용을 전달할 수 없으므로 사용자 경험이 저하됩니다.
SEO 혜택
대체 텍스트도 SEO에 중요한 역할을 합니다. 대체 속성은 사용자에게 표시되지는 않지만 검색 엔진과 화면 리더에서 읽을 수 있습니다. 이 텍스트는 검색 엔진이 이미지의 콘텐츠를 이해하는 데 도움이 됩니다. 이렇게 하면 이미지에 의미론적 의미가 추가되어 Google이 보기에 페이지의 주제 관련성이 향상되고 잠재적으로 페이지의 순위가 높아질 수 있습니다.
또한 대체 텍스트는 Google 이미지에서 순위를 높일 수 있는 가능성을 높여 웹사이트에 추가적인 트래픽 소스를 제공할 수 있습니다. 이미지를 링크로 사용하는 경우 대체 텍스트는 앵커 텍스트의 역할을 하여 Google이 링크된 페이지의 콘텐츠를 이해하는 데 도움을 줍니다.
대체 텍스트 모범 사례
이미지에 대체 텍스트를 추가하는 것은 페이지의 접근성을 높이고 SEO 노력을 지원하는 쉬운 방법입니다. 다음은 염두에 두어야 할 몇 가지 모범 사례입니다:
1. 웹사이트에 대체 텍스트가 누락되었는지 감사하기
누락된 대체 텍스트가 있는지 확인하는 것부터 시작하세요. 사이트를 크롤링할 수 있는 온라인 도구를 사용하여 대체 텍스트가 누락되었거나 비어 있는 이미지를 찾습니다. Google Search Console 및 다양한 SEO 감사 도구와 같은 도구가 이 작업에 도움이 될 수 있습니다.
모든 이미지에 대체 텍스트가 필요한 것은 아닙니다. 장식용 이미 지는 의미 있는 콘텐츠를 제공하지 않고 화면 리더에서 무시될 수 있으므로 대체 텍스트 없이 남겨둘 수 있습니다. 유기적 트래픽을 많이 유도하는 가장 많이 방문하는 페이지에 집중하세요.
2. 키워드 채우기 방지
대체 텍스트에는 SEO를 개선하기 위해 관련 키워드를 포함할 수 있지만 페이지 콘텐츠와 일치하는 유익하고 가치 있는 텍스트를 사용하는 것이 중요합니다. 키워드 채우기는 Google에서 권장하지 않으며 비윤리적이고 비효율적인 것으로 간주될 수 있으므로 피하세요.
키워드는 설명에 자연스럽게 들어맞는 곳에만 아껴서 사용하세요.
3. 100자 미만으로 유지
대체 텍스트는 일반적으로 한 단어 또는 짧은 구문으로 구성됩니다. 기능 접근성 평가기는 대체 텍스트의 길이를 100자를 넘지 않도록 권장합니다. 이렇게 하면 대체 텍스트를 최적화할 수 있는 충분한 공간을 확보할 수 있지만 화면 읽기 도구에서 잘릴 수 있는 긴 설명을 작성하지 않도록 주의하세요.
예
다음은 공원에서 공 던지기를 하는 골든 리트리버 이미지에 대한 잘 작성된 대체 텍스트의 예입니다:
<img src="골든 리트리버.jpg" alt="햇살 가득한 공원에서 공놀이를 하는 골든 리트리버" title="골든 리트리버"/>이러한 모범 사례를 따르면 모든 사용자가 웹사이트에 더 쉽게 접근할 수 있도록 하고 전반적인 SEO 전략을 지원할 수 있습니다.
웹 접근성 및 SEO 모범 사례에 대한 자세한 내용은 웹 콘텐츠 접근성 가이드라인(WCAG) 및 Google의 SEO 시작 가이드와 같은 공신력 있는 출처를 참조하세요.
