이미지 ALT 태그란?
평소 SEO 최적화에 대해 조금이라도 관심을 가지셨던 분들이라면 이미지 ALT 태그에 대하여 한번쯤은 들어보신 적이 있으실겁니다. 이미지 ALT 태그란 이미지를 대체하는 텍스트(Text)로, 이미지가 깨졌거나 불러와지지 않을 경우 이미지 자리에 텍스트가 대신하는 것을 말합니다.
또한 사람들에게 보여지지는 않지만 네이버나 구글, 다음과 같은 포털사이트에서 로봇이 이미지의 정보를 가져갈 때 사용되기도 하며 내 블로그를 크롤링 할 때 이미지 ALT 태그를 반영하여 검색 순위에서 적절하게 색인을 합니다.
SEO 최적화를 해놓는다면 나의 블로그 질이 좋아질 수 있고 각종 검색엔진에서 높은 품질의 검색이 이루어지고 그로 인하여 더 많은 방문자를 유입시킬 수 있기에 SEO 최적화를 위해서는 이미지 ALT 태그를 신경써주시는 것이 좋습니다.
신규에디터에서는 어떻게?
기존에디터(구에디터)에서는 이미지를 업로드한 후 업로드된 이미지를 선택하여 오른쪽 탭에서 ALT 태그를 쉽게 추가할 수 있었습니다.
하지만 신규에디터에서는 이미지 ALT 태그를 추가하려면 이미지를 업로드 한 후 HTML모드로 넘어가서 이미지코드 뒤에 alt="입력하고자 하는 태그"입력해야만 ALT 값을 추가할 수 있을 뿐만 아니라 모든 사진에 하나하나 수동으로 삽입해야하기 때문에 포스팅에 업로드된 사진의 양이 많을수록 추가해주어야 하는 코드의 양이 늘어나기 때문에 상당히 번거로웠습니다.
이럴 경우에는 AltAutoWriter라는 프로그램을 이용하여 ALT 태그를 간편하게 삽입할 수 있는데요. 아무리 많은 사진이라고 하더라도 설정한 키워드를 이미지의 ALT 태그로 삽입해주기 때문에 예전부터 정말 유용하게 사용하고 있는 프로그램 중 하나입니다.
AltAutoWriter 다운로드 및 사용 방법
해당 프로그램은 제가 직접 제작한 프로그램은 아니고 ionseok.tistory.com이라는 곳에서 배포하고 있는 프로그램입니다. 티스토리 신규에디터에서 수동으로 삽입해야만 했던 ALT 태그를 자동으로 넣어주는 기능과 함께 이미지 TITLE 태그까지 추가 가능합니다.
1) 티스토리 신규에디터에서 기존에 글 작성 방식 그대로 사진을 업로드해주세요.
2) 사진이 업로드되면 사진마다 공백을 넣어주세요. 이 작업을 하는 이유는 이미지를 한번에 업로드할 경우 여러 이미지들이 <p></p>태그로 묶이는데, 이걸 따로 분류해주지 않으면 다량의 이미지가 ALT 태그 하나로 묶이기 때문입니다. 이미지별로 각각 ALT 태그를 삽입할 경우에는 무조건 한칸씩 띄워주셔야 합니다.
3) 글 작성 모드를 HTML 모드로 변경한 후 이미지 주소를 전체 복사합니다. 참고로 이미지뿐만 아니라 텍스트가 이미 작성된 상태라도 상관 없습니다. AltAutoWriter는 이미지 코드만 식별해서 ALT 태그를 삽입합니다.
4) 복사한 코드를 AltAutoWriter에 붙여넣기 해줍니다.
5) 이후 최상단에서 ALT 값을 입력해준 후 적용을 눌러줍니다. 그러면 모든 이미지에 자동으로 ALT 태그가 생성됩니다.
6) 변경된 코드를 복사한 후 티스토리 신규에디터 HTML 화면에 그대로 붙여넣기 해주시면 됩니다. 주의하셔야 할 부분은 앞에서 설명했던 것처럼 신규에디터는 여러개의 이미지가 붙어있으면 <p>태그 하나로 묶이게 되는데 이 상태에서 AltAutoWriter를 사용하면 하나의 이미지로 인식하여 ALT 태그 역시 하나만 들어가게 됩니다.
따라서 각각의 이미지에 ALT 값을 삽입하고자 한다면 위의 방법대로 이미지 사이에 먼저 여백을 준 후 ALT 값을 추가하고 그 이후 레이아웃을 변경하시면 되겠습니다.(사실 이것도 귀찮아서 그냥 글을 다 작성한 후 AltAutoWriter를 이용하고 있습니다.)
이미 글이 많이 작성된 상태라면 그 글들을 하나하나 수정하여 이미지 ALT 태그를 추가할 필요는 없습니다. 오히려 여러 글들을 수정하면 블로그 상태가 나빠질 수 있으니 지금부터 작성하는 글에라도 적용해보시길 바랍니다.
이 방법이 제 티스토리에 어떤 영향을 줄지는 모르겠으나, 지금부터라도 꾸준하게 이미지 ALT 속성을 추가하는 습관을 들여 SEO 최적화에도 한번 힘써보려고 합니다. 도움이 되셨길 바랍니다.
'@ Etc' 카테고리의 다른 글
| 주식 시작하는 법, 모바일 나무 주식 계좌 개설 과정 (1) | 2021.02.15 |
|---|---|
| 윈도우10 디펜더 아이콘 사라짐 문제 해결 방법 (1) | 2021.02.14 |
| 대한항공 투자설명서 유상증자 및 대한항공 46R 신주인수방법 (5) | 2021.02.10 |
| 삼성 노트북 터치패드 잠금, 마우스패드 끄기 설정법 (0) | 2021.02.10 |
| 프린터 잉크 굳음, 잉크 안 나올 때 간편 해결 방법 (0) | 2021.02.06 |
| 윈도우10 '선택한 디스크에 MBR 파티션 테이블이 있습니다' 오류 (0) | 2021.02.03 |
| 윈도우10 아이콘 모양 깨짐 백지 현상 복원 방법 (2) | 2021.02.02 |
| 샤오미 공기청정기 미에어 3H 필터 리셋 초기화 방법 (0) | 2021.01.31 |