대체 텍스트란 무엇인가요?
"대체 설명" 또는 "대체 속성"이라고도 하는 대체 텍스트(대체 텍스트)는 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 시작 가이드와 같은 공신력 있는 출처를 참조하세요.
