이미지 대체 텍스트 – 더 나은 이미지 대체 태그 작성을 위한 7가지 팁
게시 됨: 2021-04-05이미지 대체 텍스트는 검색 엔진에 이미지가 무엇인지 알려주므로 알고리즘이 콘텐츠를 이해하는 데 도움이 됩니다. 이러한 태그를 사용하지 않으면 페이지 순위에 부정적인 영향을 줄 수 있습니다.
뿐만 아니라 이미지 대체 텍스트를 사용하지 않으면 중요한 유기적 트래픽 소스인 웹사이트의 이미지를 놓칠 수 있습니다.
이미지 인식의 발전에도 불구하고 검색 엔진 알고리즘은 이미지에 포함된 내용을 이해하기 위해 여전히 대체 텍스트가 필요합니다. 그리고 이미지가 모든 검색 결과의 30% 이상을 차지하기 때문에 이것은 SEO에서 시간을 할애할 가치가 있는 부분입니다.
하지만 우선 대체 텍스트란 무엇이며 어떻게 사용합니까?
이 기사의 팟캐스트를 들어보세요: '이미지 대체 텍스트: 그것이 무엇이며 좋은 SEO를 위해 필요한 이유'
이미지 대체 텍스트란 무엇입니까?
이미지 대체 텍스트는 '이미지 대체 텍스트'의 약자로 이미지의 내용을 몇 마디로 설명하는 텍스트입니다. 이미지 대체 텍스트는 '대체 속성', '대체 설명' 및 '이미지 대체 태그'라고도 합니다.
다음은 대체 텍스트의 몇 가지 예입니다.
대체 텍스트가 중요한 이유는 무엇입니까?
이미지 대체 태그는 (1) 접근성 및 (2) SEO의 두 가지 이유로 중요합니다.
- 접근성
인터넷의 기본 원칙은 누구나 액세스할 수 있어야 한다는 것입니다. 이는 시각 장애가 있는 사람들이 온라인 이미지가 무엇을 나타내는지 이해할 필요가 있음을 의미합니다.
스크린 리더가 이미지에 올 때 이미지 alt 태그를 선택하여 큰 소리로 읽습니다. 따라서 시각 장애인이나 시각 장애인은 이미지를 볼 수 없어도 이미지가 무엇을 보여주는지 알 수 있습니다.
따라서 접근성은 이미지 대체 태그의 주요 목적입니다.
- 검색 엔진 최적화
검색 엔진 이미지 인식이 점점 더 좋아지고 있습니다. 그러나 검색 엔진은 여전히 이미지를 "볼" 수 없습니다. 이미지에 포함된 내용을 알려야 합니다.
이것이 대체 텍스트의 두 번째 주요 목적입니다. 검색 엔진에 이미지에 포함된 내용을 알려서 콘텐츠의 SEO를 개선하는 것입니다. 이미지에 이미지 대체 태그를 추가하면 검색 엔진이 페이지를 보다 정확하게 색인화하고 검색 결과에서 순위를 높일 수 있습니다.
대체 텍스트가 SEO에 중요한 한 가지 이유는 이미지 검색이 많은 유기적 트래픽을 생성하기 때문입니다. 2018년 Google 이미지는 모든 웹 검색의 20% 이상을 차지했습니다.
이미지 출처: SparkToro
SEOClarity의 연구에 따르면 이미지는 이제 모든 검색 결과의 무려 34%를 차지합니다.
그리고 이것은 단순한 '이미지 검색'이 아닙니다. 다음 검색어와 같이 이미지 검색 버튼을 클릭하지 않아도 이미지가 Google 검색 결과에 나타납니다.
그러나 검색 엔진이 아직 사진에 있는 내용을 인식할 수 없는 경우 검색 결과에서 이러한 이미지를 어떻게 찾을 수 있습니까?
물론 대답은 대체 텍스트입니다.
이것이 대체 텍스트가 중요한 또 다른 이유입니다. 검색 엔진에 이미지에 포함된 내용을 알려 검색 트래픽을 늘릴 수 있습니다.
이미지에 대체 텍스트를 추가하는 방법
WordPress에 대체 텍스트를 추가하는 것은 쉽습니다. 기본 WordPress 편집기에서 이미지 오른쪽에 패널이 표시됩니다. 해당 패널에는 이미지의 대체 텍스트를 입력하는 상자가 있습니다.
WordPress의 '미디어' 섹션에 대체 텍스트를 삽입할 수도 있습니다.
Elementor 또는 Thrive Architect와 같은 타사 WordPress 편집기를 사용하는 경우 해당 편집기에서 대체 텍스트를 추가할 수도 있습니다. Thrive Architect에서 수행하는 방법은 다음과 같습니다.
좋은 이미지 대체 텍스트를 위한 7가지 팁
다음은 인간과 검색 엔진 모두를 만족시키는 방식으로 이미지 대체 텍스트를 사용하기 위한 몇 가지 팁입니다.
- 1'이미지' 또는 '그림'으로 시작하지 마십시오. 인간과 알고리즘 모두 텍스트가 이미지를 참조한다는 것을 알고 있습니다.
- 2짧게 유지하십시오 - 텍스트 리더는 약 125자에서 대체 텍스트를 잘라냅니다.
- 삼이미지에 표시되는 내용을 구체적으로 작성하세요('Ginger cat' 대신 'Ginger cat 긁는 소파', 'Elon Musk' 대신 'Elon Musk 서 있는 Tesla Model S P100D').
- 4웹 페이지 디자인의 일부인 장식 이미지 또는 이미지(예: 구분선, 아이콘, 브랜딩 요소)에 대체 텍스트를 추가하지 마십시오.
- 5키워드를 사용하되 이미지의 내용과 관련이 있는 경우에만
- 6이미지를 버튼으로 사용하는 경우 버튼의 기능을 설명하는 대체 텍스트를 추가하세요(예: 구독, 등록, 다운로드 등).
- 7대체 텍스트를 키워드로 페이지를 로드할 기회로 사용하지 마십시오. 이는 페이지의 SEO에 부정적인 영향을 미칠 수 있습니다.
좋은 대체 텍스트의 예
좋은 대체 텍스트는 사용자에게 이미지에 묘사된 내용을 몇 마디로 알려야 합니다.
텍스트는 가능한 한 설명적이어야 하며 컨텍스트를 제공해야 합니다. 이는 때때로 아래의 예 1과 3에서와 같이 이미지 자체에서 알 수 있지만 명확하지 않은 세부 정보를 제공하는 것을 의미합니다.
- 대체 텍스트 예제 #1
사진: 피트 리치먼
잘못된 대체 텍스트 : Guard
더 나은 대체 텍스트: 경계에 서 있는 경비병
좋은 대체 텍스트: 버킹엄 궁전 밖에서 주의를 기울이고 있는 척탄병 근위대
- 대체 텍스트 예제 #2
사진 제공: GT#2
잘못된 대체 텍스트: 개
더 나은 대체 텍스트: 개 달리기
좋은 대체 텍스트: 골든 리트리버 달리기
- 대체 텍스트 예제 #3
노란 고양이의 사진
잘못된 대체 텍스트: 낚싯배
더 나은 대체 텍스트: 파란색과 흰색 낚싯배
좋은 대체 텍스트: Gallipoli, Puglia, Italy의 파란색과 흰색 어선
대체 텍스트를 감사하는 방법
지금쯤이면 온라인 이미지 중 대체 텍스트가 있는 경우가 거의 없다는 것을 알게 되실 것입니다.
그렇다면 걱정하지 마십시오. 항상 alt 태그에 대한 감사를 수행할 수 있습니다.
이를 수행하는 가장 좋은 방법은 Screaming Frog SEO 스파이더를 사용하는 것입니다. 이를 사용하여 최대 500개의 URL을 무료로 크롤링할 수 있습니다. 그 이후에는 연간 140파운드 스털링입니다.
Screaming Frog를 다운로드하여 시작하고 웹사이트의 URL을 입력하십시오. 소프트웨어가 크롤링을 완료한 후 '이미지' 열을 클릭합니다.
드롭다운(왼쪽 상단)에서 '대체 텍스트 누락'이 선택되어 있는지 확인합니다.
그런 다음 화면 하단으로 이동하여 '이미지 세부정보'를 클릭합니다.
이제 Screaming frog가 나열한 모든 URL에 대해 대체 텍스트가 누락되었음을 알 수 있습니다.
결론
이미지에 대체 텍스트를 추가하는 것은 웹 페이지 SEO 전략의 핵심 부분이어야 합니다. 사람이 이미지에 더 쉽게 액세스할 수 있습니다.
검색 엔진이 이미지의 내용을 이해하는 데 도움이 되며 알고리즘이 콘텐츠에 대한 내용을 더 쉽게 이해할 수 있습니다.
이미지는 이제 모든 검색 결과의 30% 이상을 차지합니다. 그러나 검색 엔진은 이미지에 포함된 내용을 알려주어야만 이미지를 이해할 수 있습니다(따라서 순위 지정).
그렇기 때문에 이미지에 대체 텍스트를 추가하면 검색 엔진 가시성이 향상됩니다.
관련 기사
- 사이트를 향상시킬 WP를 위한 15가지 강력한 SEO 해킹
- 2020년에 무시할 수 없는 13가지 유형의 SEO
- 2020년 상위 10개 Google 순위 요소