블로그스팟 그림 태그 분석

블로그스팟에서 그림 태그는 어떻게 들어갈까?

SEO를 위해서 '블로그 스팟'에서 그림의 설정을 눌러 '대체 텍스트', '제목 텍스트'를 설정해준다. 거기다가 아래에 있는 'A'글자도 클릭해서 사람이 볼 수 있는 글자도 넣어줬는데 블로그스팟 기본 스킨에서는 그 태그들을 어떻게 구성하여 작성하는지 알아보았다.

블로그 스팟 그림 태그

<img> 태그의 'alt' 속성으로 들어간다.

구글의 이미지 검색엔진 최적화 권장사항에 따르면 alt 속성은 이미지 검색에서 가장 중요해보인다.

<img> 태그의 'title' 속성으로 들어간다.

제목이라는 말에 걸맞게 저장된다.

각종 SEO 전문 사이트에 따르면 'title' 속성은 사람들이 마우스를 그림 위에 올렸을 때 보이는 'tooltip'에서만 볼 수 있다. 거의 무의미하기 때문에 title이 이미지와 관련된 설명이라면 차라리 따로 text로 빼라고까지 권한다.

반면에 구글에서 크롤링을 하긴 하니 넣으면 좋다고 말하는 사이트도 있다. 이 사이트에서도 거의 영향은 없을거라고 말한다.

출처: 구글 SEO 가이드

결론적으로 SEO에서 그렇게 중요하지는 않아 보이고, '블로거'에서는 사람들한테 노출되지도 않는다.

하지만 시간이 남는다면 alt 태그에 들어간 내용을 복붙해서 넣는 정도는 투자할 만 한 것 같다.

그림을 클릭해서 나오는 기어그림 옆에 'A' 아이콘을 클릭하면 넣을 수 있는 그림 설명이다.

<table> 태그를 그림 전체에 씌워서 테이블 중 두번째 열에 해당 설명을 넣는 방식이다.

따라서 해당 설명을 쓰고 'Enter'를 입력했을 경우 여러줄도 쓸 수 있다.

위의 'title'에 대한 자료를 찾다보니 구글이 크롤링 할 때 이미지 주변의 텍스트도 읽어 맥락을 보기 때문에 이 부분도 중요해 보인다.

제목 텍스트 부분에서 '구글 SEO 가이드' 사진을 보면 '파일 이름도 마찬가지로 Google에서 이미지 주제를 파악하는데 도움이 됩니다.' 라고 나와있다.

파일 이름은 이미지를 업로드할 때 정해지는데, 이미지를 삽입할 때 바로 '붙여넣기'를 하면 이미지 제목이 'image.png'가 되어버린다. 파일 이름도 SEO에 포함되는데 이러면 너무 아깝다.

파일 이름을 이미지와 관련되게 미리 정하고 '컴퓨터로 업로드'를 하거나 구글 드라이브에 업로드하여 '포토'를 이용해 업로드를 하자.

이미지를 그냥 넣었을 때

파일이름을 저장하고 넣었을 때

위처럼 <img> 태그에 들어가는 이미지의 링크 주소가 달라진다. 현지화 하는 경우 파일이름도 번역해야 한다고 하는데, 한글 블로그를 하는 우리는 영어가 아니라 그냥 한글로 넣으면 되겠다.

URL인코딩 가이드라인에 따르면 UTF-8으로 번역하고, 단어와 단어 사이는 밑줄(_)이 아닌 하이픈(-)으로 이어주면 크롤러가 단어를 구분하기 좋다고 한다.