alt태그

웹사이트 관리자가 모르고 지나가거나 혹은 귀찮아서 그냥 넘어가는 경우가 많은 요소들이 모여서 검색엔진최적화(SEO)에 악영향을 미치는 경우가 많습니다. 그 중에서도 ALT태그 삽입은 귀찮아서 혹은 잘 몰라서 그냥 넘어가는 경우가 많은 요소 중 하나입니다. 이러한 ALT태그 삽입은 검색엔진최적화(SEO) 중에서 가장 기본적인 내용입니다. 그럼 이미지 ALT태그란 무엇이며 올바르게 사용하는 방법은 어떤것인지 알아보도록 하겠습니다.

ALT태그란?

ALT태그 혹은 ALT속성은 이미지의 대체 텍스트(Alternative text)를 말합니다. 이미지에 대체 텍스트를 삽입하는 목적은 △이미지를 볼 수 없는 환경에서 어떤 이미지인지 설명하는 목적 △시각장애인이 음성기반의 소프트웨어를 사용하여 웹서핑 하는 경우에 이미지를 알 수 있도록 하기 위한 목적으로 사용됩니다. 또한 이미지를 검색엔진최적화 시키는 중요한 역할도 함께합니다.

구글 이미지 검색이나 이미지 영역과 검색엔진최적화를 통한 트레픽을 원한다면 올바른 ALT태그 사용방법을 알아야 합니다. 이러한 ALT태그는 검색로봇이 컨텐츠를 잘 이해하고 수집하는데 많은 도움을 줍니다.

ALT태그는 HTML 형식중 META의 한 종류로 이미지에 값을 부여하는데 웹사이트 운영단계에서 이를 무시하고 삽입하지 않거나 모두 똑같은 내용만을 반복해서 사용한다면 검색엔진이 이를 스팸으로 볼 수 있습니다. 따라서 이미지마다 개별적인 내용을 작성하는것이 중요합니다.

alt태그 사용방법

올바르게 ALT태그를 사용하는 방법

우선 아래와 같은 방식으로 표현합니다.

<img src="image.png" alt="이미지와 대체할 text">

이미지와 대체할 텍스트에는 이미지 내용과 같은 텍스트를 사용하는 것이 중요합니다. 검색엔진이 본문과 얼마나 연관성 있는 이미지인지 알기 쉽게 하기 위함입니다.

또한 키워드를 너무 반복적으로 입력하는 것은 좋지 못합니다. 이런 경우는 검색엔진이 스팸으로 인식하여 검색결과에 반영하지 않거나 좋은 점수를 얻는데 도움이 되지 못합니다. 예를들어 ‘강남맛집, 강남가볼만한곳, 강남핫플’ 이런식으로 키워드를 나열하는 것 보다 ‘강남OO식당메뉴판’, ‘OO파스타’, ‘OO주차장’ 등 최대한 한 단어로 이미지를 대표하는 텍스트를 입력하는 것이 가장 좋습니다.

그리고 모든 이미지에 ALT값을 입력하는 것이 중요합니다. 워드프레스 기반의 웹사이트의 경우 쉽게 이미지에 대체 텍스트를 입력할 수 있지만 외의 경우에는 귀찮아서 혹은 몰라서 그냥 넘어가는 경우가 많습니다.

명령어를 통해 모든 값을 동일하게 상호로 한다든지, 특정 키워드를 모든 이미지에 ALT태그를 설정하는 행위는 절대 좋지 못합니다. 최대한 모든 이미지에 상이하게 지정해주시는 것이 가장 좋습니다.

<img src="image.png" alt="강남맛집, 강남가볼만한곳, 강남핫플"> - (X)
<img src="image.png" alt"OO식당 메뉴판"> - (O)

 

네이버 SEO를 위한 목적이라면 조금 이야기가 달라질 수 있습니다. 우선 네이버 이미지 영역은 대부분 네이버 블로그 이미지만을 노출시키고, 일부 네이버 카페, 극소수 타 웹사이트의 이미지를 노출시켜 줍니다.

네이버가 자체 플랫폼을 편애한다는 것은 누구나 알고있는 사실입니다만, 그럼에도 불구하고 alt태그를 꼭 삽입해야 하는 이유는 SEO는 네이버만을 위한 목적이 아니기 때문입니다.

또한 네이버 검색엔진이 검색결과에 반영은 하지 않지만 HTML 마크업의 한 부분으로 보고 있습니다. alt태그를 일반 텍스트와 동일하게 취급하기 때문에 본문의 키워드 연관성을 높이는데 도움을 주고, 속성치의 문자열을 인식은 하기때문에 HTML 구조 점수에 영향을 주는것으로 파악되고 있습니다.

네이버 에널리틱스

alt태그 사용은 필수적입니다. 또한 키워드 반복을 통한 스팸성 컨텐츠를 상위에 노출시키는 것을 방지하기 위해 검색엔진이 조심스럽게 다루는 부분이기도 합니다.

위 내용을 잘 이해하고 올바른 사용이 중요하겠습니다.

“alt태그가 중요한 이유와 올바른 사용방법”의 한가지 생각

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다