티스토리 블로그 유입 늘리기 작업-이미지 대체 텍스트(Alt text) 삽입으로 구글 검색 노출 최적화

알림글

제휴 마케팅, 아고다 및 쿠팡 파트너스 활동으로 일정 수수료를 지급 받습니다.

티스토리 하나를 운영하면서 네이버 블로그만큼이나 새로운 영역에 대해서 많이 배워가는거 같은데요. 대체 텍스트 기능이 있는줄도 몰랐는데 알게되어 이번에 알아봅니다.

먼저, 티스토리는 네이버블로그 운영방식과는 다르게 다들 이|미|지도 많이 안넣는 것을 추천하는데 이는 페이지 로딩 속도 저해때문이라 합니다. 무엇보다 구글최적화를 위해 구글이 좋아하는 요건을 갖추는것이 중요하다는데 그중하나가 바로 로딩 속도라고 합니다. 근데 생각해보면 저도 애드센스 광고를 달고부터는 pc에서 로딩 속도가 확실히 조금 느려지는것을 느끼는데 그러다보면 이를 못견디고 이탈하는 사람들도 많아질 것이란 거죠. 당연하겠지만.

저는 아직까지 구|글애널리틱스라해서 각종 사이트,랜딩페이지 로그분석, 홈페이지 신규방문자,전환 등을 분석해주는 툴을 사용하고있진 않지만 한번 점차 관리하는 사이트나 채널이 많아지면 시도를 해보려고합니다. 그걸통해서 더 나은 운영에도 도움이 될수 있을테니까요.

아무튼 그래서 티스토리는 이.미.지갯수,용량보단 글 내용이 얼마나 충실한가일텐데, 이를 바탕으로 구글 노출 최적화를 위해 해주면 더 좋은 방법으로 이미지 대.체 텍.스.트 삽입이란 것이 있다고 합니다.

티스토리 Alt text 이미지 대체 텍스트란?

이`미`지의 용량이 클 경우 페이지 로딩 속도가 느려지고, 이는 사용자 경험을 저해할 수 있기때문에 이.미.지.의 용량을 최적화하고, 필요한 만큼만 사용하도록 하는 것이 좋습니다. 또한, 이미지 대체 텍스트(alt text)를 제공하여, 네이버, 구글, 빙과 같은 검색 엔진에서 이!미!지를 인식할 수 있도록 하는 것이 좋다고 하는데,

Alt text(Alternative text)는 웹페이지에서 이,미,지가 로딩되지 못했을 때나 시각 장애인이 사용하는 스크린 리더에서 이.미지를 읽어주는 역할을 합니다. 즉, 이/미/지에 대한 대.체 텍.스.트로써, 이/미/지가 전달하는 정보를 대신해서 전달하는 것입니다.

티스토리 대체 텍스트 Alt text를 적용하는 방법은?

HTML 코드에서 alt 속성 사용: 이미지 태그에 alt 속성을 추가하여 대체 텍.스.트를 작성할 수 있습니다. 예를 들어, 다음과 같이 작성합니다.

<img src="이미지 URL" alt="이미지 설명">

alt 속성은 반드시 입력해야 하며, 이.미.지에 대한 설명을 간결하면서도 명확하게 작성하는 것이 좋습니다..
Alt text는 검색 엔진 최.적.화(SEO)에도 중요한 역할을 합니다. 따라서, 대/체 텍/스/트를 작성할 때에는 이/미/지에 대한 설명을 가능한 한 자세하게 작성하면서도 간결하게 작성하는 것이 좋습니다.

그런데 티스토리는 이 기능이 아예자체에 있더군요. 바로 본문에 첨부한 이미지를 선택하면 상단 꾸미기에 톱니바퀴를 선택하면 대,체 텍,스,트 삽입기능이 나오고 이걸 누르면 이/미/지에 설명을 넣을 수 있는 빈칸이 나옵니다.

참 편리한것 같습니다. 소스를 삽입하지 않아도 되니 말이죠!

전 그래서 요즘 대표 썸네일 등에 이 작업을 꾸준히 하고 있는데요. 여러분도 저도 구글 노출 최적화를 위해 화이팅입니다.