티스토리 이미지 alt 태그 넣기 (SEO 최적화)

728x90

 

빙 웹마스터도구에서 티스토리 글을 검색 등록할 때 흔히 볼 수 있는 문제인 이미지 alt 태그 넣는 방법에 대해 알려드리겠습니다. alt 태그 누락 경고를 해결하면 티스토리 SEO 최적화 (Search Engine Optimization)에 큰 도움이 된다고 합니다.

 

 

alt 태그란?

간단하게 말하자면, 페이지 로딩시 이미지를 불러오지 못하는 상황이 되었을 때 이미지 대신 노출되는 메시지입니다.

이미지 로딩이 되지 않는 상황은 인터넷 환경이 좋지 못한다거나 서버 이미지 파일이 손상되었다거나 사라졌을 때 등 다양합니다.  

 

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

'<img alt> 특성을 사용하여 이미지에 대해 설명적인 콘텐츠를 작성하세요.'

'<img source='pic.gif' alt="이미지를 표현하는 정확하고 설명적인 키워드 텍스트">'

빙 웹마스터도구 에러

 

 

1. 티스토리 글쓰기 모드로 들어가서 이미지를 불러옵니다.
2. 이미지를 선택하면 상단에 수정 박스가 나옵니다.
3. 우측 톱니바퀴를 선택하면 텍스트 입력 박스가 나오는데 여기에 alt 태그에 들어갈 문구를 입력하면 됩니다.

티스토리 alt 태그 입력

 

 

• 글을 발행하고 난 후에, 크롬 기준으로 F12 버튼을 누르고 해당 이미지를 화살표로 찍어보면 해당 이미지의 alt 값에 작성했던 문구가 그대로 들어간 게 보입니다.

이미지 alt 태그 확인