문의하기
문의하기 아이콘
이메일
이메일 아이콘
전화하기
전화 아이콘
트위터
트위터 아이콘
유튜브
유튜브 아이콘
페이스북
페이스북 아이콘
인스타그램
인스타그램 아이콘
블로그
블로그 아이콘
up 아이콘
up 아이콘
#테크니컬SEO

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

by NXT2020.12.25조회수 1612
테크니컬SEO > img(image,이미지) tag 중 alt 속성
정의 : 페이지 내 이미지를 삽입할 경우 해당 이미지의 정보를 글로 나타내는 이미지태그의 속성입니다.
image Alt Tag 이해하기
img요소의 Alt 속성은 Alterate(대체하다)의 줄임 말입니다. 다시 말해 이미지를 설명해주는 글입니다. 이미지가 제대로 나올 경우에는 이 속성값이 브라우저에서 보이지 않아 무시하는 경향이 있는데요. 이미지를 보지 못하여 스크린리더를 이용하는 시작장애인과 이미지를 불러오지 못하여 엑스박스가 뜰 때의 경우를 고려한다면 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(검색엔진최적화) 체크해 보세요!