이미지가 누락된 경우의 Alt 특성 이해하고 해결

빙웹마스터도구로 구글 seo 문제에 대해 확인하시고 이미지가 누락된 경우의 Alt 특성에 대한 오류가 생겼다면 저처럼 따라오셔서 진행하시면 됩니다. 우선 Alt특성에 대한 이해와 모든 이미지에 Alt 특성을 입력해도 해결되지 않아서 생기는 문제에 대한 해결도 같이 다루겠습니다. 참고로 저는 북클럽 스킨이고 글 맨 마지막에 다른 블로그는 고래 스킨인데 그것도 Alt 특성 문제를 해결해 보았습니다.

 

 

 

Alt 특성 이해

 

Alt 특성의 경우 블로그에 있는 이미지들이 브라우저에서 표시가 되지 않는 환경일 경우에 그것을 대체할 수 있는 텍스트를 입력해 줌으로써 이미지를 이해하는데 도움을 주는 역할을 합니다. 또는 구글의 경우 글로벌 기업이기 때문에 시각장애인을 위해 이미지 설명이 필요한데요. 그렇기 때문에 이 Alt 특성을 이미지에 하나하나씩 설명을 넣어주어야 구글 seo 관점에서 좋은 영향을 미치게 됩니다. 예전에 티스토리의 경우 Alt 특성을 html모드로 들어가서 써야 하는 어려움이 있었습니다.

 

Alt 특성 이해

 

현재 티스토리에서는 블로그에 이미지를 첨부 후 대체 텍스트 삽입(톱니바퀴 모양)을 누르셔서 설명을 하면 해결이 가능해져 더욱 편리해졌습니다. 그러니 옛날 글들을 보실 때 Alt 특성을 입력을 위해 html 가서 해야 한다는 글들을 보실 텐데 헷갈리지 마시고 지금은 대체 텍스트 삽입에만 입력해도 된다라고 해석하시면 됩니다.

 

이미지가 누락된 경우의 Alt 특성 해결

 

• 첫 번째 문제

 

Alt 특성 이해를 보고 오셨다면 당연히 해결하는 방법은 보지 않으셔도 예측하셨을 거라고 생각합니다. 당연히 각 이미지에 대체 텍스트 삽입을 빠짐없이 해주면 됩니다. 저도 빙웹마스터도구를 통해 확인을 해보니 21개의 인스턴트가 있다고 나옵니다.

 

이미지가 누락된 경우의 Alt 특성 해결 첫 번째

 

그래서 해당 포스팅으로 가서 처음부터 끝까지 Alt 특성을 입력하였습니다. 그 후 글을 수정하고 다시 확인을 해보니 다음 사진과 같이 나왔습니다.

 

이미지가 누락된 경우의 Alt 특성 해결 첫 번째

 

분명히 검토도 해서 모든 이미지에 Alt 특성을 입력했다고 확신을 했지만 아직 1개의 인스턴트가 있다고 합니다. 자세한 내용은 두 번째 문제에서 해결하면 됩니다.

 

 

 

• 두 번째 문제

 

티스토리에 스킨편집으로 들어갑니다.

 

이미지가 누락된 경우의 Alt 특성 해결 두 번쨰

 

거기서 Ctrl + F에 alt= 를 검색해서 다음과 같이 나오면 이상이 없습니다. 

 

이미지가 누락된 경우의 Alt 특성 해결 두 번쨰

 

다음과 같이 alt="" 가 나올 경우 alt 특성을 입력해야 합니다. 하지만 저는 이렇게 없는 부분이 10 부분이었는데 빙웹마스터도구에서는 왜 1개의 인스턴트가 없다고 나오는지는 정확히 모르겠습니다. 이 부분에 대해서 아시는 분들께서 댓글 남겨주시면 정말 감사하겠습니다.

 

이미지가 누락된 경우의 Alt 특성 해결 두 번쨰

 

결국 없는 부분에 다음 사진처럼 텍스트를 넣어주었습니다. (그냥 임의대로 쓴 거니 각 부분에 대해 어떤 의미인지 아시는 분은 더 자세하게 적으셔도 상관없습니다.)

 

이미지가 누락된 경우의 Alt 특성 해결 두 번쨰

 

결국 10개 부분을 다 텍스트로 채운 후 다시 검사를 해보니 문제가 사라졌습니다. 사진에서 2개 이상의 h1 태그 문제도 사라졌는데 그것도 따로 같이 해결했습니다. 그래서 그 방법에 대해 궁금하신 분들은 이전 포스팅 참고해 주시면 됩니다.

 

2개 이상의 h1 태그 해결 방법

 

<고래 스킨에서 동일하게 문제 확인 후 해결>

 

이미지가 누락된 경우의 Alt 특성 해결 두 번쨰

 

추가적으로 말씀드릴 건 이 자부재 블로그 말고도 제가 운영하고 있는 다른 블로그에는 고래스킨을 사용하고 있는데 거기에서는 이미지가 누락된 경우의 Alt 특성에서 4개가 나왔지만 실제로 스킨편집에서 2 부분만 비어있어서 채운 후 문제가 사라졌습니다. 고래스킨은 반대로 인스턴트가 더 많고 고친 부분이 더 적었는데 문제가 해결된 모습입니다. 이 부분도 이해가 가지 않지만 결론적으로 스킨편집에 비워져 있는 부분을 전부 채워 놓을 경우 문제가 해결된 건 맞았습니다.

 

지금까지 이미지가 누락된 경우의 Alt 특성 이해하고 해결해 보았습니다. 추가적으로 너무 길거나 짧은 Meta Description과 2개 이상의 Meta Description 관련 문제는 한 포스팅에 한 번에 다뤄서 다음 날 7월 1일 오전 10시에 포스팅하도록 하겠습니다.