본문 바로가기
카테고리 없음

포스팅 이미지에 꼭 넣어야 한다, 티스토리 알트태그 넣기

by Joseph_ 2022. 12. 5.
반응형

포스팅에 자주 들어가는 이미지에 알트태그를 넣어야 한다는 사실을 알고 계신가요? 대체텍스트라고도 불리는 알트태그는 구글 SEO에 주요하게 영향을 미치는 요소라고 합니다. 오늘은 티스토리 알트태그 넣기 방법에 대해 알아보겠습니다.

알트태그란?

먼저 알트태그란 무엇일까요? 글에 들어가는 이미지에는 이것이 있어야합니다. 위엣 얘기했듯이 대체텍스트라고도 합니다. 문자 그대로 이미지가 나타날 수 없는 환경일 때(에러 등)대신해서 표시되는 텍스트입니다. 이것이 중요한 이유는 몇 가지가 있습니다. 먼저 시각 장애인에게 양질의 인터넷 서핑을 제공하기 위해서 입니다. 시각 장애인의 경우 음성 기반의 서핑 서비스를 이용합니다. 이미지는 컴퓨터가 이해하고 설명해주기 어렵기 때문에, 알트태그를 읽어주게됩니다. 이미지에 알트태그가 없다면, 음성 서비스는 이미지에 대한 설명 없이 그냥 넘어가겠죠? 다음 이유는 SEO 최적화에 유리하기 때문입니다. 블로거들이 알트태그를 챙기는 이유입니다. AI봇들은 인터넷을 떠돌며 양질의 글을 파악합니다. 텍스트야 정해진 알고리즘에 의해 판단을 하겠지요. 하지만 글에 들어가 있는 이미지는 봇이 파악하기 어렵습니다. 때문에 알트태그를 보고 포스팅 분석에 활용하게됩니다. 이것이 바로 포스팅 사진에 알트태그가 입력되어 있지 않으면, SEO에 최적화에 불리하다는 이유입니다. 그러면 이렇게 중요한 알트태그는 어떻게 입력할 수 있을까요? 티스토리 기준으로 알아보겠습니다.

티스토리 알트태그 넣기

이전엔 HTML 편집기에서 입력해야 했지만, 패치되면서 쉽게 바뀌었습니다. 티스토리가 열일했네요 ㅎ. 사진을 글 본문에 추가한 후 클릭하면, 상단에 여러가지 메뉴가 나타납니다. 그 중 맨 우측의 톱니바퀴 모양을 클릭하면 알트태그(대체텍스트)를 입력할 수 있습니다. 아래 사진을 참고해주세요. 내용은 사진을 설명해줄 수 있는 내용을 적어주시면 됩니다. 아래 사진은 얼굴이 잘리긴 했지만, 손흥민 선수의 사진입니다. 따라서 알트태그 내용은 '월드컵에서 MF로 활약 중인 손흥민 선수 사진. 얼굴 부상으로 마스크를 착용하고 있다.' 이런식으로 작성해주시면됩니다. 간단하죠? 그리고 또 빼먹으면 안되는게 이미지 하단의 제목입니다. 사진을 클릭해보면 '이미지를 설명해 보세요'라는 문구가 나타납니다. 여기도 비워두면 안됩니다. 내용은 대체텍스트와 유사하게 사진 설명 글을 적어주시면 됩니다.

티스토리 블로그에서 사진의 알트태그를 입력하는 방법을 보여주는 사진
티스토리에서 사진 알트태그를 넣는 방법을 설명해주는 사진

오늘은 알트태그 넣는 방법에 대해 알아봤습니다. 흔히 말하는 구글이 좋아하는 글쓰기 방법 중 한 가지 입니다. SEO 최적화를 위해 꼭 필요하니까, 놓치지 않고 해주시면 좋겠네요.

반응형

댓글