티스토리 블로그 상위노출을 위한 alt 태그 사용법

티스토리 블로그 상위 노출을 위한 방법 중에 하나인 alt 태그 사용법에 대해 이야기해보겠습니다. 이 글을 처음 읽으시는 분이라면 제 블로그에 있는 티스토리 운영 전략 글들을 정독하시는 걸 추천드립니다. alt태그 글 작성 시 html 모드에서 이미지 코드 안에 alt 태그를 넣어서 SEO(검색엔진 최적화)가 좋아하는 글을 만드는 것이 목적입니다. 설명을 보시면 조금 어렵다고 느낄 수도 있는데 해보시면 정말 간단하니 꼭 사용하시길 추천드립니다.

 

썸네일

 

티스토리 블로그 상위 노출을 위한 alt 태그 사용법

 

   alt 태그란 무엇이고, 왜 사용해야 하는가?

 

사실 alt태그가 무엇인지 모르고 사용법만 익혀서 사용해도 상관은 없습니다. 하지만 티스토리 블로그를 본격적으로 열심히 해보겠다 하시는 분이라면 alt태그의 사용법도 중요하지만 무엇인지 알고 사용하는 것도 중요하겠죠? alt태그는 간단하게 설명드리자면 시각 장애우분들은 우리가 쓴 글을 읽을 수 없으니 음성지원 시스템으로 듣게 됩니다.

 

헌데 글은 음성지원 시스템으로 읽어준다지만 이미지는 음성지원 시스템이 어떻게 읽어줄 수 있을까요? 음성지원 시스템이 우리 글 안에 있는 이미지를 읽어주기 위해 우리가 이미지에 대해 설명하는 것이 alt태그라고 보시면 되겠습니다. 예를 들면 우리 글 안에 있는 '자전거'이미지를 alt태그를 사용해서 '자전거'라고 설명해놓는다면 음성지원 시스템이 시각 장애우분들께 이미지를 '자전거'라고 설명해줄 수 있게 되는 방식입니다.  

 

alt태그를 사용해서 이미지를 설명하지 않았다면 시각장애우분들은 우리의 글을 읽을 때 이미지에 대한 설명을 받지 못한 채로 글을 읽게 되는 것입니다.

 

그렇다면 시각장애우분들이 내 글을 얼마나 읽을까? 굳이 alt태그가 필요할까? 생각이 드는 분들도 계실 겁니다. 얼마나 많은 시각장애우분들이 우리의 글을 읽는지는 사실 중요하지 않습니다. SEO(검색엔진 최적화)는 alt태그를 사용하여 시각 장애우분들도 배려한 글을 좋은 품질의 글이라고 판단하는 것이기 때문에 alt태그는 꼭 사용하셔야 합니다.

 

실제로 웹사이트에 대해 조금이라도 공부하신 분들은 alt태그를 많이 사용하고들 계십니다. 그러니 우리 역시 alt 태그를 꼭 사용해서 웹 사이트 상위 노출에 조금이라도 더 유리한 고지를 점해야겠지요.

 

   alt 태그 사용법 알아보기

 

alt 태그 사용법은 보기엔 어려울 수 있으나 따라 해 보시면 정말 간단하기 때문에 방법만 보고 못 하겠다 포기하지 마시고 꼭 따라 해 보시길 권해드립니다. 티스토리 블로그로 alt 태그 사용법을 설명드리겠습니다. 먼저 하단의 그림처럼 글쓰기 상태에서 예시로 썸네일 이미지를 넣어보았습니다. 그 이후에 우측 상단에 보이는 '기본 모드'를 클릭해서 'html'모드로 변경해주세요.▼

 

글쓰기

 

html 모드로 변경하시면 하단의 그림처럼 이미지에 대한 html모드 설명이 보이실 텐데 제가 표시해둔 위치에 alt 태그를 삽입하시면 됩니다. 보통 'data-ke' 앞에 alt태그를 넣어야겠다 기억해두시면 앞으로 alt 태그를 계속해서 사용할 때 편하게 사용하실 수 있으실 겁니다. alt태그 방식은 alt="이미지 설명" 식으로 넣으시면 됩니다.

 

저는 예시로 썸네일 이미지를 넣었으니 alt="썸네일"이라고 alt 태그를 만들면 되겠네요. 만약 우리가 '자전거' 이미지를 넣었다면 alt="자전거"라고 넣으면 되겠죠? 혹시 한 단어가 아닌 긴 설명이 필요한 이미지일 경우도 있으실 겁니다. 예를 들면 '고장 난 자전거'이미지를 넣었다고 생각해보겠습니다. alt="고장-난-자전거" 이런 식으로 띄어쓰기를 '-'로 메우시면 되겠습니다.▼

 

alt태그-삽입위치

 

제가 설명드린 대로 올바르게 alt 태그를 삽입하셨다면 하단의 그림처럼 되어있으셔야 합니다. alt 태그를 올바르게 넣은 게 확인되셨으면 다시 우측 상단의 'html'모드를 '기본 모드'로 변경해주시고 글을 계속해서 작성해나가시면 됩니다.▼

 

alt태그-삽입완료