본문 바로가기

검색엔진최적화(SEO)/테크니컬 SEO

img(image,이미지) tag 중 alt 속성

정의 : 페이지 내 이미지를 삽입할 경우 해당 이미지의 정보를 글로 나타내는 이미지태그의 속성입니다.

Image Alt Tag 이해하기

img 요소의 Alt 속성은 Alternate(대체하다)의 줄임 말입니다. 다시 말해 이미지를 설명해주는 글입니다. 이미지가 제대로 나올 경우에는 이 속성값이 브라우저에서 보이지 않아 무시하는 경향이 있는데요~ 이미지를 보지 못하여 스크린리더를 이용하는 시각장애인과 이미지를 불러오지 못하여 엑스박스가 뜰 때의 경우를 고려한다면 Alt태그는 반드시 필요한 속성입니다. 그래서 장애인차별금지법에 필수 항목이죠.

즉, Alt 속성을 사용하면 이미지 정보가 노출되기 때문에 사용자가 이해하기 쉬우며, 검색엔진이 페이지에 대한 주제를 잘 해석할 수 있게 하여 검색 노출에도 도움을 줍니다.


SEO Friend의 등급체크

SEO 등급

설명

Good 웹페이지 내 이미지가 있는 경우 모든 이미지에 Alt Tag를 적용
Warning 웹페이지 내 이미지가 있는 경우 전체 이미지 중 Alt Tag를 적용한 이미지의 비율이 적음
Bad 웹페이지 내 이미지가 있는 경우 모든 이미지에 Alt Tag를 적용하지 않음


태그사용법

<img src="이미지파일명.확장자" alt="이미지정보">

 
Image Alt Tag 예시

태그 : <img src=“푸른하늘.jpg" alt=“푸른하늘">


[이미지는 불러오지 못한 경우 alt Tag의 글자가 노출 되는데 에러같죠?]

여기에서 검색엔진의 의도는 명확합니다. 다이어그램이나 도표가 이미지로 되어 있는 경우, 검색엔진은 어떤 내용인지 알 수 없습니다.
이럴 경우, 이미지 태그의 alt 속성은 검색엔진에게도 장애인에게도 매우 중요한 태그가 됩니다. 

그래서 최근에는 이미지 태그의 alt 속성이 매우 중요하게 되었습니다.


아래 "검색엔진 최적화(SEO)"를 클릭하시면 무료로 내 서비스 SEO 진단을 하실 수 있습니다.

구글 네이버 검색엔진 최적화(SEO) 체크하러가기