[HOW-TO/SEO] 'Alt 속성 누락' 진단시 처리방법(초보자 대상)

 

네이버 서치 어드바이저 > 웹마스터 도구 에 자신의 티스토리 사이트를 등록한 후 약 3일후에 수집(진단)된 값들이 표시되지 시작했으나,

웹마스터 도구 > 리포트 > 사이트 진단 의 유형별 진단 정보 에 표시된 Alt 속성 누락 항목의 원인을 파악하고 수정하는 방법입니다.

 

해당 내용은 웹마스터 도구 > 리포트 > 사이트 진단 에서 확인 가능합니다.

 

html의 <img> 요소에는 이미지 내용을 설명할 수 있도록 Alt 라는 속성이 존재하고 네이버(구글도 마찬가자)에서는 모든 이미지에 alt속성이 없으면 Alt 속성 누락 을 경고하고 있습니다.

 

티스토리에서 사용되는 예:

▶ 자신의 블로그의 HTML소스를 열고 alt 를 입력하여 검색해보면 아래 이미지와 같이 추가된 이미지는 '프로필사진' 임을 짐작할 수 있습니다.

※ HTML소스 보는 방법은 [티스토리/메타 태그 등록 플러그인] 적용 결과 눈으로 확인하기 를 참고!!

프로필에 적용된 alt 속성

반응형

 

1) 지적된 자신의 블로그 글을 수정모드로 연 후에 포함된 이미지를 하나하나 클릭합니다.

2) 아래 그림처럼 톱니바퀴 아이콘을 클릭해서 alt 속성을 지정합니다.

※ 옵션: 이미지를 설명해 보세요 를 클릭해서 data-alt 속성을 지정을 지정합니다.

이미지를 설명해 보세요 - data-alt 속성지정 / 톱니바퀴 아이콘 - alt속성 지정

3) 모든 이미지의 alt 속성 라벨을 추가하면 그것으로 완료!!

 

 

※ 수정후 2-3시간 경과후 네이버로부터 유입 시작됨

※ 수정후 3일후에 웹마스터 도구 > 리포트 > 사이트 진단 내역이 새롭게 업데이트됨