ALT태그 자동으로 생성하기 - 검색 상위노출, SEO, 알트태그

알트태그 한번에 넣기

요즘 검색 노출을 시키기 위해 SEO 최적화에 한참 힘을 쓰고 있습니다. 포스팅 능력은 점차 나아질 것으로 생각되지만 SEO는 사이트마다, 이용하는 플랫폼 마다(저같은 경우 티스토리) 모두 다 달라, 현업에 종사하며 지식이 있는 사람들도 이것 저것 테스트를 해봐야 하는 현실입니다.

 

 

특히 저같은경우 티스토리의 신에디터에서 알트태그 삽입을 지원하지 않다보니 정말 알트태그 넣기가 너무 짜증납니다. 이것때문에 짜증이 날 줄은 정말 꿈에도 생각치 못했던 변수라 쉽게 넣는 방법들을 찾아보다가 좋은 정보를 공유차 소개드립니다.  먼저 알트태그에 대해서 모르시는분들도 있을것 같아 간단하게 소개를 해드리겠습니다.

 

 

 

 

 

ALT 태그란?

사전전 의미 : 이미지를 표시할 수 없는 브라우저 환경에서 이미지 대신 노출되는 텍스트 
예) <img src="images/filename.png" alt="파일네임 이미지">

SEO 검색최적화 측면에서 보면 로봇이 사이트를 수집할 때, 해당 이미지가 무슨 이미지인지 알지 못합니다. 로봇이 볼때는 이미지 파일이지만 단순 색상표의 나열된 데이터를 읽어갔다고 생각하시면 도움이 되실거에요. 그러기 때문에 저희는 이 ALT이미지를 우리가 사용한 이미지가 OOO이미지이다! 라고 정보를 보내는 것이라고 생각하시면 됩니다. 

네이버 웹마스터 가이드의 경우 논란이 많지만 이 ALT태그 (그리고 추가로 Title태그도 있습니다.) 가 있느냐 없느냐에 따라 더욱 잘 검색된다는 보장이 있는건 아니에요. 아직까지도 많은 전문가분들이 구글, 네이버 등 테스트를 하고있고 저 또한 간단한 테스트를 해보았을 때 카카오톡 이미지 검색에 내가 사용한 이미지가 노출되는 결과를 얻을 수 있었어요. (티스토리 기준)

정석적인 방법으로는 이미지가 포함된 글을 전부 작성한 후,  Html 편집기로 들어가서 각각의 img src 뒤에 들어가는 모든 이미지 파일명 뒤에 alt 태그를 넣어주시면 됩니다. 너무 복잡하죠? 사진이 10개라도 들어가는 날에는 사진 보정까지 도합 20번을 넘는 작업을 해야합니다. 

 

 

ALT 태그 자동생성 툴(Tool) 다운로드

minikupa/tistoryAltTool

 

먼저 자동으로 변환해주는 툴을 다운로드 받아야 합니다. 미니쿠파님이 직접 개발해주셨고 배포하고있으니, 혹 다운로드가 안될경우 저에게라도 요청해주세요. 이 포스트를 작성하며 미니쿠파님께 감사의 말씀 올립니다. 

 

 

티스토리 이미지 설명 삽입

 

ALT 태그 자동으로 쉽게 넣는 법

우선 기본적으로 이미지가 포함된 글을 작성하는 것 까지는 동일합니다. 다만 티스토리에서 이미지 삽입 후 하단의 이미지 설명을 작성해 주셔야 합니다. 

 

이와같은 일련의 작업을 완료한 후 글쓰기 모드를 html로 바꾸고 전체 복사 후, 다운받으신 파일 안에서 "tistoryAltTool"를 실행합니다. 브라우저에서 열린 html형식의 파일안에서 윗부분에 CTRL+C V 복사 붙여 넣기 후  [alt태그 추가] 버튼을 눌러 주시기만 하면 아래와 같이 변환되어 나옵니다. 

 

 

알트태그 자동삽입

 

이미지를 자세히 보시면 아시겠지만 파란박스 안에 이미지 설명과 동일하게 알트태그가 삽입된게 보이시나요 ? 이제 변환되어 만들어진 html 코드를 글쓰기 모드 html 안에다가 붙여넣기 하시면 됩니다. 이 툴로 사용하여 모두 알트태그 지옥에서 벗어나길 기원합니다.