이미지 대체텍스트(Alt 텍스트) 사용법

이지백링크 » 블로그 » 이미지 대체텍스트(Alt 텍스트) 사용법
수많은 HTML 코드들
대체텍스트

구글 SEO에 있어서 이미지에 대체텍스트 즉 Alt 태그를 사용하는건 중요하다고 볼 수 있습니다. 이 글에서는 대체텍스트라 불리는 alt 텍스트가 무엇인지 그리고 왜 SEO에서 이게 중요한지 그리고 어떻게 써야하는지 등에 대해 알려드리고자 합니다.

대체텍스트(alt 텍스트)란?

대체텍스트(혹은 alt 텍스트, Alt 속성 혹은 Alt 태그라고도 알려져 있음)란 이미지를 설명하기 위해서 쓰이는 Html 코드 안에 존재하는 코드입니다. 한국이든 해외든 Alt 태그로 많이 알려져 있는데 이는 실제로는 ‘태그’가 아니기에 잘못된 용어입니다. 대체텍스트 혹은 Alt 텍스트라 부르는 것이 옳습니다.

대체텍스트(alt 텍스트)를 사용하는 이유

대체텍스트 존재의 의의는 이미지가 정상적으로 로딩이 되지 않을 경우 해당 이미지를 사용자에게 설명해주기 위함입니다.

불과 몇 년 전만 하더라도 인터넷은 느렸습니다. 그리고 현재도 몇몇 국가들은 인터넷이 많이 느리고요. 인터넷이 느릴때 대체텍스트는 이미지가 무엇인지 알려줘 용이한 기능이였습니다.

하지만 오늘날과 같이 인터넷이 빠른 시대에 이미지 로딩을 실패하는 경우는 거의 없죠. 하지만 뭐 서버에 이미지가 없어졌다든지, 인터넷이 느린 지역이라든지 모종의 이유로 이미지가 로딩이 안될때 여러분은 이미지 대신 대체텍스트를 보시게 될겁니다.

이미지 로딩이 실패했을때 나타나는 대체텍스트
대체텍스트 예시

이제 대체텍스트는 검색 엔진에게 사진이 무엇인지 알려주고 스크린 리더를 사용하는 사람들을 위해서 쓰이고 있습니다.

  • 대체텍스트는 시각 장애를 가진 사람들에게 이미지가 나타내는게 무엇인지 알려줍니다.(스크린 리더)
  • 대체텍스트는 검색엔진에게 이미지에 대한 정보를 전달하는 역할을 합니다.(아직 AI가 완벽하지 않아 대체텍스트는 검색엔진이 이미지를 이해하는데 큰 도움이 됨)

대체텍스트가 중요한 이유

Alt 텍스트는 온 페이지 SEO 최적화에 중요한 요소 중 하나입니다.

적절하게 Alt 텍스트를 최적화하면 구글 이미지에서 상위 노출할 가능성이 높아집니다. 대체텍스트는 구글 이미지 순위 결정 요소 중 하나에 속하기 때문입니다.

여러분의 사이트의 주제에 따라서 구글 이미지 검색 트래픽도 무시할 수 없을겁니다. 어떤 콘텐츠냐에 따라 다르지만 구글 이미지 트래픽 만으로도 상당한 트래픽을 얻는 사이트가 많습니다.

대체텍스트만 잘 이용하면 구글 이미지 검색 결과의 상단에 쉽게 올라설 수 있기에 꼭 이미지 대체텍스트를 사용하도록 합시다!

대체텍스트 예시

대체텍스트를 사용할때 아래처럼 사용하면 됩니다.

<img src="https://example.com/대체텍스트-코드.jpg" alt="HTML 코드로 대체텍스트가 무엇인지 쉽게 알려주고 있다">
<img src="https://example.com/구글-seo.jpg" alt="구글 SEO란 무엇인가">

대체텍스트 사용시 아래처럼 사용하시면 안됩니다.

<img src="https://example.com/대체텍스트-코드.jpg" alt="대체텍스트, alt 태그, alt 속성">
<img src="https://example.com/구글-seo.jpg" alt="구글 SEO, 검색엔진최적화, 구글 seo 최적화">

가끔 해당 페이지를 올리고 싶은 키워드로 대체텍스트에 도배를 하는 사이트를 볼 수 있는데 바람직하지 못하고 구글이 스팸으로 인식할 수 있기에 해당 방법은 최대한 피해야합니다.

잘못된 Alt 속성

이미지에 alt 속성을 포함하는것은 좋지만 처음에 많이 하는 실수가 있습니다.

제일 흔한 실수는 다음과 같습니다.

  • alt 텍스트를 까먹고 안쓴 경우. 혹은 아예 쓰지 않은 경우.
  • 모든 이미지에 같은 alt 텍스트를 사용한 경우.
  • 매우 평범한 alt 텍스트를 사용한 경우. 예를 들면, 이미지를 설명하지 않는 단순 키워드를 사용하는 경우를 말합니다. 푸들 강아지가 점프한 사진인데 대체텍스트로 ‘강아지’를 사용하는 경우를 말합니다. 이미지에 대해 최대한 설명을 하는게 좋습니다.
  • 이미지 파일 이름을 alt 텍스트를 사용하는 경우. 몇몇 사이트는 이미지를 업로드시 alt 텍스트가 자동으로 파일 이름으로 대체됩니다. 이런 경우 alt 텍스트가 이상하게 설정이 될 수 있기에 항상 alt 텍스트는 직접 작성하는게 좋습니다.

정작 저는 귀찮아서 alt 텍스트를 항상 대충씁니다 😂

대체텍스트 작성 요령

대체텍스트 작성시 알면 좋은 요령을 알려드리도록 하겠습니다.

  • Alt 텍스트에 키워드로 채워넣지 마세요.
  • 이미지에 대해 최대한 자세히 하지만 간략하게 설명하세요.
  • 목표 키워드를 자연스럽게 포함시키세요.
  • “이 이미지는~”으로 시작 혹은 “~이미지 입니다.” 등 대체텍스트에 이게 이미지라는것을 알릴 필요가 없습니다. 그냥 이미지에 대해 설명하세요!

이와 관련되어 질문이 있으시다면 언제든지 이지백링크에 문의주세요 😁

문의하기

전화번호 : 0507-0178-1538

문의하기

연락처

구독

뉴스레터를 최근 SEO 정보를 받아보세요!