[티스토리 SEO] 네이버 검색 이미지 alt 태그 없다고 색인 제외?

서론

최근 네이버 서치어드바이저(구 웹마스터도구)를 확인하던 중,

게시글 이미지 중 일부가 색인되지 않았다는 경고 메시지를 봤다.

자세히 살펴보니 원인은 “이미지에 alt 태그가 존재하지 않음”이라는 것이었고,

처음엔 티스토리 에디터에서 figcaption으로 설명을 넣었으니 문제없을 거라 생각했지만,

네이버는 이를 전혀 인정하지 않는 줄  알았다.

---

본론

네이버 검색은 alt 속성이 없는 이미지를 색인하지 않음

네이버 서치 어드바이저 사이트 진단 스크린샷

• Alt 속성 누락을 클릭하고 들어가 보면 색인이 안된 목록이 나온다

네이버 서치어드바이저 > 웹마스터 도구 > 리포트 > 사이트 진단 > Alt 속성 누락 화면

 

• 실제로 블로그 포스팅에 작성된 이미지의 태그는 아래처럼 생겼다. 

<figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" 
	data-filename="url" 
    data-origin-width="1024" data-origin-height="1024"
>
	<span data-url="url" 
        data-phocus="url" 
        data-alt="헤드셋을 쓰고 음악감상하는 핑크머리소녀 미드저니로 생성한 이미지"
    >
    	<img src="url" 
            srcset="url" 
            onerror="url" 
            loading="lazy" 
            width="600" height="600" 
            data-filename="url" 
            data-origin-width="1024" 
            data-origin-height="1024" 
            data-phocus-index="0"
        >
    </span>
    <figcaption>헤드셋을 쓰고 음악감상하는 핑크머리소녀 미드저니로 생성한 이미지</figcaption>
</figure>

 

실제 포스팅 글에 alt 속성이 없는 걸 확인할 수 있다.

alt 속성은 이미지가 로드되지 않거나 시각장애인용 스크린리더가 내용을 읽어줄 때 이미지의 의미를 설명하는 텍스트로 웹접근성에 필수인 항목이다. 단, 이미지속성에 대해 설명하는 방법이 여러 가지가 있기 때문에 꼭 alt 속성만이 웹접근성 준수를 확인하는 유일한 방법론은 아니다.

figcaption 이 있다면 스크린리더가 읽을 수 있기 때문에 접근성에 위배되지는 않는다.

 

그런데 아이러니한 건 색인된 페이지의 url을 네이버 서치어드바이저는 직접 제공하지 않기 때문에 색인이 되었는지 알 수 없다.

그래서 좀 더 탐색을 해봤다.

https://jeeqong.tistory.com/76 해당글의 url 이 Alt 속성 누락 리스트에 포함되어 있지만

리포트 > 콘텐츠 노출/클릭 메뉴를 확인해 보면 검색웹문서 Top 30에 해당 링크가 떡! 하고 걸려있다 

 

 

네이버 서치 어드바이저 > 리포트 > 콘텐츠 노출/클릭 스크린샷

 

---

결론

색인결과가 alt 누락으로 표기될지라도 네이버 서치어드바이저에 등록은 되어있는 것 같다.

이 이유로 때문에 몇 시간 찾아봤는데 색인 누락이 아니라서 다행인 것 같다!