[Bing 웹마스터 SEO] 이미지가 누락된 경우의 Alt 특성 오류 해결방법(북클럽 스킨)

구글 SEO에 맞게 이미지 캡션과 alt태그를 항상 신경쓰면서 글 작성을 했는데도 불구하고, Bing 웹마스터 도구에서 URL 검사를 했을 때 아래와 같이 "이미지가 누락된 경우의 Alt 특성" 이라는 오류가 발생할 때가 있습니다. 이를 해결하는 방법에 대해 알아보겠습니다.

 

빙웹마스터도구 이미지 Alt 특성 누락 오류 해결 방법

 

Bing 웹마스터 이미지 Alt 특성 누락이 뜨는 이유

빙웹마스터에 사이트를 연결하신 경우, URL 검사를 통해 SEO 위반하는 사항이 있는지 검사를 해볼 수 있습니다. 무료로 이용할 수 있는 툴로 유용해서 매번 글을 발행 후 테스트를 해보고 있는데요. 이미지 Alt 특성 누락 오류는 자주 뜨는 오류중 하나입니다. 그런데 SEO를 신경써서 글을 썼다면 이미지 삽입시마다 alt태그와 이미지캡션을 꼭 넣어주기 때문에 예상치 못한 오류에 당황스러울 수 있는데요. 저도 마찬가지로 당황스러웠답니다. 

 

 

이미지가 누락된 경우의 Alt 특성 오류

 

우선 alt 태그가 무엇인지 모르는 분들이라면, 아래와 같이 이미지를 추가할 때 마다 이미지클릭-설정버튼 클릭후 뜨는 창에서 이미지가 어떤 이미지인지에 대해 간략하게 적어주시면 됩니다.

 

SEO에서 이걸 권장하는 이유는 우리나라야 인터넷 속도가 정말 빨라서 이미지가 잘 안뜨는 경우는 거의 없지만, 인터넷 속도가 많이 느린 나라들도 여전히 있기 때문에 속도가 느려 이미지가 로딩이 되지 않을 경우, 이 이미지가 어떤 이미지인지 대신 alt태그로 입력된 텍스트를 보여줌으로써 독자가 여기에 어떤 이미지가 들어갔는지를 이해할 수 있도록 돕기 위함입니다. 이미지 캡션은 alt태그는 아니지만, 그림에 대한 설명이므로 이해에 도움을 주기 때문에 두개는 항상 세트로 잘 입력하는게 중요합니다.

 

alt태그와 이미지 캡션 예시

 

그런데 모든 이미지에 위와같이 신경써서 alt태그와 이미지캡션을 넣어줬음에도 불구하고, 이미지가 누락된 경우의 Alt 특성 오류가 뜨는 경우가 많습니다. 이는 내가 발행한 글에서 F12를 눌러서 뜨는 소스보기 창에서 'alt=' 로 검색해보면 비어있는 곳들이 눈에 보일 것입니다. 이것은 내가 글에 추가한 이미지가 아니고, 티스토리 전체 테마에서 이미지를 표기하는 부분들이 있는데 그 곳의 alt태그가 비어있기 때문입니다. 티스토리에서 기본적으로 제공하는 스킨에 누락이 된 것이므로 이는 스킨편집-html편집을 통해서 해결을 해줘야합니다. 블로그관리 - 스킨 편집- html 편집으로 이동한 후, 아래와 같이 "img"로 검색해보고 "alt="" "와 같이 비어있는 곳들을 다 채워주면 됩니다. (저의 경우 북클럽 스킨을 사용하고 있습니다.)

 

 

alt태그 비어있는 곳 검색

저의 경우 그 위에 적혀있는 제목들로 모두 채워줬는데요. 예를들면 아래 같은 경우에는 alt = "cover_item_thumbnail" 이런식으로 비어있는 곳을 기재해주었습니다. 이렇게 비어있는 곳이 10개 내외정도 나오는데 빠짐없이 모두 채워줍니다.

alt태그 삽입 방법

 

 

이렇게 스킨을 수정 후, 다시 Bing웹마스터도구에서 Live URL 검사를 해보시면, 바로 이미지가 누락된 경우의 Alt 특성 오류가 해결이 된 것을 확인하실 수 있습니다. 

 

Bing 라이브 URL 검사

 

여기까지 Bing웹마스터도구에서 "이미지가 누락된 경우의 Alt 특성"이 떴을 때 오류가 뜨는 원인과, 해결 방법에 대해서 알아보았습니다. 이 오류는 스킨 편집으로 해결할 수 있는 오류로 한번만 적용하면 이후부터는 해당 오류는 뜨지 않습니다. 오류를 해결하는데 도움이 되셨길 바랍니다. 

 

<참고하면 좋은 포스팅>

 

[Bing 웹마스터 SEO] 2개 이상의 h1태그 오류 해결방법