티스토리 ALT 태그 새롭게 바뀐 방법

 

티스토리 블로그를 작성할 때 Alt 태그를 제대로 하지 않으면, 최적화에서 좋은 점수를 받지 못하는데요.

아래는 저의 티스토리 빙 웹마스터의 SEO 보고서입니다.

 

 

SEO 보고서

 

seo 오류 유형에 다음과 같은 메시지가 있습니다.

 

<img> 태그에 ALT 속성 내용이 정의되지 않았습니다.

 

이런 seo 오류 유형에 속하지 않으려면 어떻게 해야 할까요?

 

 

1. 이미지에 ALT 태그 부여해야 하는 이유

 

seo 오류 유형에 위와 같은 문구가 나오는데요. 이미지에 alt 태그를 부여 해야하는 이유는, 사람이 아니라 검색 로봇이 정보를 획득하기 때문인데요. 시각적인 요소뿐 아니라 정확한 텍스트로 쓰인 언어 기호가 있다면, 로봇이 좀 더 이미지를 해석하는데 도움이 될 것입니다. 자연히 내 글의 검색 최적화에도 도움이 될 것입니다.

 

 

 

2. ALT 태그를 넣는 방법

 

예전에는 글 작성 중에 HTML 모드로 들어가 alt 태그를 넣어야 해서 상당히 번거로웠는데요. 이제는 기본 모드에서 바로 alt 태그를 넣을 수 있습니다.

 

기본 모드에서 이미지를 클릭하면 제일 끝 톱니바퀴에 대체 텍스트 삽입 모드가 나옵니다. 

 

이미지에서 대체 텍스트 삽입 모드로

 

대체 텍스트에 alt 태그, 빙 웹마스터 seo 보고서,라고 넣어 보겠습니다.

 

 

대체텍스트에 alt 태그 넣기

 

 

 

3. alt 태그 넣기 전과 넣은 후의 비교

 

텍스를 넣은 후 HTML모드에서 보면 alt 속성이 들어간 것을 알 수 있습니다. 그 전에는 caption, filename만 있었지만 alt 속성이 보입니다.

 

 

"alt" : "빙웹마스터 seo 보고서"

 

alt 태그 넣기 전

alt 태그 넣은 후

 

alt 태그를 기본 모드에서 쉽게 넣어, 조금이라도 검색 최적화에 도움이 되길 바래요.