구글 최적화 SEO 글쓰기 - 티스토리 alt 태그 입력 방법

얼마 전 티스토리에 HTML 로직이 변경되면서 alt태그 넣는 방식이 추가 되었다. 구글 검색 최적화 (seo)를 위해서는 alt 태그를 넣어주면 좋다. alt태그가 무언인지, alt태그를 사용하면 구글 검색에 좋은 이유 그리고 변경된 티스토리 alt 태그 쉽게 넣는 방법을 적어 보았다. 

 

 

alt 태그란

alt 태그는 HTML 언어 중 하나로 이미지를 설명해 주는 코드이다.

alt 태그는 시각장애인을 위해 첨부된 이미기가 어떤 이미지 인지 설명을 적어주는 태그라고 생각하면 쉽다.

실제로 alt태그를 입력한다고 해도 화면에 나오지 않기 때문에 글을 작성하거나 읽는 사람은 볼 수 없고 별다른 영향을 미치지 않는다.

 

 

구글 최적화 seo에 alt 태그가 중요한 이유

구글은 지속적으로 사이트 평가를 하고 있다. 구글이 사이트 평가를 할 때 가장 중요하게 생각하는 것은 사이트 속도이다. 그리고 중요하게 생각하는 것 중에 하나가 alt 태그이다. 

 

alt 태그는 시각 장애인이나, 청각장애인을 위한 코드이다.

시각장애인들이 사이트를 검색할 때 글로 작성되어 있는 단어들은 바로 이해가 될 수 있지만 이미지 같은 경우 어떤 이미지를 사용하였는지 알지 못한다. alt 태그는 이곳에 이미지가 들어가 있다는 표시를 하는 기호이고 alt 태크 안에 어떤 이미지를 첨부하였는지 설명을 해주면 시각장애인들도 이해를 할 수 있게 된다.

 

글로벌 기업인 구글은 사회적 약자에 대한 배려가 있는 글을 좋은 글로 인식한다. 때문에 alt태그가 포함되어 있는 글은 그렇지 못한 글 보다 좋은 평가를 받게 되고 상위 노출에 좀 더 유리하게 작용한다고 생각하면 될 것 같다. 

 

 

티스토리 alt 태그 입력 방법  

이번에 티스토리 HTML 코드가 변경이 되면서 alt태그를 넣는 방법은 더 쉬워졌다. 

이전에는 HTML 모드로 들어가서 직접 코드 입력을 했었다.

변경 후에는 사진을 첨부하고 사진을 클릭하면 이미지 파일 첨부 모양이 나오는데 여기를 클릭하면 설명을 쓸 수 있는 부분이 나온다. 이 부분에 alt 태그에 입력할 내용을 적어주면 된다.  

alt 태그는 이미지가 어떤 사진이나 그림인지 자세하고 간략하게 입력해주면된다. 사진에 없는 내용을 적으면 안된다. 키워트를 의식해서 적는 것도 않된다. 입력을 할 때 공백은"-"을 입력해주면 된다.

하단에 그림을 설명하는 부분은 caption 이란 부분인데 글을 읽는 사람에서 자세한 설명을 하주는 것으로 생각하면 된다. 

 

위의 이미지를 첨부하고 alt 란을 입력, 하단의 그림을 설명을 하면 HTML 코드는 아래와 같이 뜬다. 

 

alt는 그림에 이미지를 눌러 입력한 내용 "가을-낙엽" 

caption 부분에 하단에 입력한 내용 "길가에 만난 가을 낙엽이 예쁘다."

사진 파일명 "낙엽사진. jpg"

이렇게 alt 태그가 입력된 것을 볼 수 있다.

 

 

구글 최적화 seo를 생각해서 글을 쓴다면 조금은 번거롭더라도 alt 태그를 꼭 입력하여 글을 발행하는 것을 추천한다. 티스토리에서 편리하게 alt 태그를 입력할 수 있게 변경되었으니 자주 활용하면 좋을 것 같다.