티스토리의-html모드-태그-수정화면

 

티스토리 블로그를 운영하는 분들이라면 한 번쯤은 이미지 alt 태그에 대해서 들어보셨을 겁니다. 아직 블로그 시작 단계이신 분들에겐 익숙한 내용이 아닐 수 있으나 티스토리를 오래 하신 분들이라면 대부분 글 발행을 완료하기 전에 마지막으로 꼭 해주는 작업이 html 이미지의 Alt 태그 적용이며 이것이 구글 노출에서 왜 중요하게 작용할 수 있는지와 적용 방법에 대해서 한번 알아봅시다.

 

 

 

 

 

Alt 태그가 중요한 첫 번째 이유

 

빙-웹마스터-도구의-alt태그-정의

 

마이크로소프트의 빙 웹 마스터 도구에서 정의한 alt 특성에 대해 요약하자면 인터넷 환경에서는 여러 가지 원인들로 인해 이미지가 손상되거나 혹은 서버의 문제로 이미지가 제대로 표시되지 않는 문제가 발생하곤 하는데 사용자 입장에서 이런 환경에 노출될 시 겪게 될 불편함을 어느 정도는 방어해주는 보험 같은 의미라고 보시면 되겠습니다. 한번 예시를 볼까요?

 

 

 

3개의-사과가-놓여진-모습

우리가 사과를 주제로 한 글을 작성하기 위해서 위와 같은 사과 이미지를 첨부했다고 가정해봅시다. 하지만 우리의 글을 보는 검색자의 인터넷 환경이 좋지 않다든가, 글을 보관하는 자체 서버에 문제가 있어서 위 이미지를 정상적으로 볼 수 없다면 검색자 입장에서는 아래와 같이 보이게 됩니다.

 

 

 

이미지가-손상되면-나타나는-화면

 

html 업로드시 alt 태그가 적용되지 않은 이미지라면 문제가 발생했을 시 위와 같이 이미지가 제대로 표시되지 않거나 X로 표시되며 보는 사람 입장에서는 본래 어떤 이미지가 첨부되었는지 알 수 없어 답답하고 불편한 상황에 놓이게 됩니다. 하지만 alt 태그가 적용되어있다면 어떻게 보이게 될까요?

 

위와 같이 이미지 원본 자체를 확인하기는 어려울지언정 본래 어떤 의도로 첨부된 이미지인지에 대해서는 alt 태그를 통해 대략적인 정보를 확인할 수 있습니다. 

 

세계에서 인터넷이 가장 빠른 대한민국 국민이라면 위와 같은 상황을 마주 칠일이 매우 적겠지만 2021년이 지난 현재까지 원활한 인터넷 환경을 보유하지 못한 국가들이 다수를 차지하고 있으며 그만큼 많은 인구가 불편함을 겪고 있으므로 전 세계를 대상으로 검색 환경을 구축하고 있는 구글에서도 이를 인지하여 html 구조의 이미지 파일에서 Alt 태그 적용을 매우 중요하게 보고 있다 라고 정리할 수 있습니다.

 

 

Alt 태그가 중요한 두 번째 이유

 

지상파의-자막방송-화면

 

 

TV를 가끔 보다보면 청각장애인을 위한 자막 방송이나 화면 오른쪽 아래에 따로 공간을 할애하여 수화를 통해 내용을 전달하는 모습을 볼 수 있는데 인터넷 환경에서는 Alt 태그가 이러한 역할을 대신해줄 수 있으며 지상파 방송사들과 마찬가지로 다목적 기업인 구글에서도 이 부분을 꽤 중요하게 여기기 때문에 마찬가지로 내가 발행한 글의 Seo 지수에도 꽤 많은 영향을 미치게 됩니다.

 

 

   

올바른 Alt 태그 적용 방법

 

 

검정색-옷을-입은-아이유

 

 

예를 들어서 우리가 아이유의 연예 이슈에 대해서 글을 쓴다고 가정해봅시다. 아이유에 대해서 작성하는 글이니 해당 인물에 대한 사진도 하나 가져와봤습니다. 그럼 위 사진으로 Alt 태그 적용을 한번 해볼까요?

 

 

올바르지-않은-alt-태그-적용-예시

 

html 설정에 들어가서 이미지 파일명 뒤에 alt 태그를 작성해봤습니다. 결론부터 말하자면 위와 같은 형식의 alt 태그 적용은 해서는 안 되는 행동이며 여기에는 두 가지 오류가 있습니다.

 

  • 키워드를 노리고 alt 태그를 작성해서는 안된다.
  • alt 태그 작성 시 중간에 공백이 없어야한다.

 

아이유의 열애 이슈에 대한 글이니 이미지의 정보에도 해당 키워드를 넣으면 좀 더 유리하지 않을까?라고 생각하시면 안 됩니다. 알파고를 만든 구글이 그렇게 단순할리가 없으며 위 방법으로는 오히려 역효과만 난다는 것이 밝혀졌기 때문에 이미지에 나와있는 정보만을 그대로 보기 쉽게 기입하셔야 합니다.

 

 

두 번째는 alt 태그 작성 시 중간에 공백이 있어서는 안 됩니다. 

"아이유 열애 인정"이라는 alt 태그 사이에는 두 개의 공백이 존재하는데 구글의 검색엔진이 우리가 예상하기 힘들 정도로 똑똑하기도 하지만 한편으로는 이러한 공백들을 제대로 인식하지 못하는 멍청한 모습을 보이기도 합니다. 그럼 정상적인 alt 태그의 예시를 한번 봅시다.

 

 

 

 

올바르게-작성한-alt-태그-예시

 

 

위와 같이 사진에 대한 정보만을 그대로 담고 있으며 태그 작성 시 공백이 생기지 않도록 하이픈(-)을 삽입하는 것이 올바른 alt태그 적용이라고 할 수 있습니다.

 

글을 한 개씩 발행할 때마다 들어가는 여러 개의 이미지에 alt 태그를 직접 작업하는 것이 귀찮고 힘드실 수 있겠지만 우리가 그토록 원하는 구글 상위 노출을 위해서는 꼭 필요한 작업들 중 하나이니 이제부터라도 적용하시면 이게 쌓이고 쌓여서 나중에 분명 도움이 됩니다. 

 

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기