본문 바로가기
etc

티스토리 alt태그 넣기

by 확인하기.. 2023. 3. 20.

티스토리 편집 에디터에서 alt태그 넣는 방법이 쉬워졌습니다. 티스토리 블로그에서 alt태그 넣는 방법 알아봅니다. 

 

alt태그(이미지대체텍스트) 

alt태그는 이미지대체텍스트로 이미지가 표시되지 못하는 환경에서 이미지 정보를 보여주는 기능을 합니다. 예를 들면, 시각장애를 가진 검색 사용자에게 이미지 내용을 전달하거나, 인터넷이 느려 이미지 로딩이 되지 않을 때 검색사용자에게 이미지 내용을 전달할 수 있습니다. 

 

alt태그를 넣지 않아도 글 발행에 문제가 없지만, 위와 같은 상황에서 이미지 정보를 제공하거나, seo측면에서 이미지 정보를 검색엔진에 전달하는 역할을 할 수 있기 때문에 넣는 것이 좋다고 하는데요~

 

티스토리에서 ALT태그 넣기는 HTML모드에 들어가지 않고, 기본모드에서도 가능합니다. 

그러니 HTML을 잘 모르시는 분들도 너무 쉽게 넣을 수 있다는 말입니다. 

 

티스토리 글쓰기 창 기본모드에서 이미지를 불러옵니다. 

 

저는 벚꽃 이미지를 가지고 왔습니다.
불러들인 이미지를 클릭하면, 위와 같이 이미지에 관한 몇가지 설정을 할 수 있는데요~ 맨 오른쪽 톱니바퀴 모양이 대체텍스트삽입, 즉 ALT태그 넣기입니다. 

 

 

이미지를 설명할 수 있는 대체텍스트를 넣어줍니다. 
저는 "만개한-벚꽃"이라고 적어주고, 확인을 클릭했습니다. 

대체텍스트 작성 시, 

이미지 정보를 명확하고 전달할 수 있도록 작성해주시면 됩니다. 

 

 

HTML모드로 들어가서 확인해보면, alt태그가 들어가 있는 것을 확인할수 있습니다. 
"alt":"만개한-벚꽃"

 

HTML이 익숙한 경우라면, HTML창에서 이미지에 태그 넣는 것이 대수롭지 않은 일이지만, 
HTML이 익숙치 않은 분들에게는 각각의 이미지를 찾아서 alt태그 달기가 쉽지 않을 수도 있었는데요,
기본 편집창에서 이미지를 보면서 Alt태그를 넣을 수 있어서 참 편리해진 것 같습니다. 

반응형


댓글