본문 바로가기
디지털 노마드 공부/블로그스팟

구글 블로그스팟, SEO 최적화를 위한 Heading h1 수정

by 애드센드 2021. 11. 15. 23:49

목차

     

    구글 블로그스팟은 구글 검색엔진에 SEO 최적화된 검색을 위해서 무료로 제공되는 스킨(테마)을 수정을 해야 합니다. 구글이나 기타 검색엔진에서 SEO에 중요시하는 h1 tag가 이 블로그스팟에서는 다르게 사용도는 부분이 있어서 사용상의 편의성을 위해서 두 가지를 수정합니다. 헤더에 나오는 블로그 제목에 사용되는 h1과 포스트 제목에 h3를 바꾸어 줍니다.

     

     

    1. 헤더(Header)에 사용되는 h1 수정

    티스토리 북클럽에서도 비슷한 문제가 있습니다. 포스팅과 상관없는 블로그 제목이 h1으로 설정되어 있습니다. 그래서, SEO 최적화를 위헤 수정을 해 주었습니다. 그런데, 구글 블로그스팟은 문제가 있어서 수정을 해야 함에도 수정하기가 굉장히 어렵습니다. 전문적으로 프로그램을 배워야 가능한 부분이어서, 같은 문제를 찾아보는데 많은 시간을 할애하였습니다.

     

    1) "super.title" 찾기

    테마 > html  편집으로 가서 "super.title"을 검색합니다. 2개가 나옵니다. 두 번째 나오는 "super.title"로 이동합니다.

    헤더 소스 코드 캡쳐
    헤더의 h1 코드 변경할 부분

    2) 코드를 수정합니다.

    <b:include name='super.title'/> 코드를  다음 코드로 변경합니다.
    <b:tag expr:name='data:view.isSingleItem ? "h2" : "h1"' class='title'>
        <data:blog.title/>
     </b:tag>

    3) 헤더 확인

    블로그로 이동하여 소스 확인을 해 봅니다. <h1> 이 <h2>로 바뀌어 있는지 확인합니다.

     

     

    2. 포스트 제목 h3 변경

    블로그스팟에서는 포스팅 제목이 h3로 설정이 되어있고, 내용을 작성할 때 h1 태그를 사용할 수 있게 되어 있습니다. 그러나, SEO 최적화되는 블로그에서는 h1을 한 번만 사용하도록 권하고 있으면, 가장 중요한 곳, 즉 제목에 쓰도록 권하고 있습니다. 때문에, 제목에 사용되는 h3를 h1으로 변경해 주는 것이 SEO 최적화를 위해서는 좋습니다.

     

    1) "post-title entry-title" 찾기

    테마 > html  편집으로 가서 "post-title entry-title"을 검색합니다. 

     

    2) h3를 h1으로 변경

    아래 두 h3를 h1으로 바꾸어 줍니다.

    포스트 제목 소스 코드 캡쳐
    포스트 제목 소스코드

    3) 포스팅 제목 확인

    블로그로 이동하여 소스 확인을 해 봅니다. 블로그 제목으로 검색을 하여 옆에 <h3> 이 <h1>로 바뀌어 있는지 확인합니다.

     

     

    3. 기타

    1) 헤더 삭제

    블로그스팟에서는 헤더를 삭제, 보이지 않게 설정할 수 있습니다. 스킨 편집에 자신이 없거나, 스킨 변경으로 인해서 디자인이 조금씩 변경되는 부분이 싫으신 분들은 통째로 헤더를 감추는 방법을 사용하실 수 있습니다. 레이아웃으로 가셔서 헤더부분을 비활성화시키면 됩니다.

     

    2) 에센셜(essential light) 기준

    위 변경 방법은 에센셜 라이트 스킨 기준으로 작성되었습니다. 그러나, 다른 스킨에서도 적용이 가능합니다.  

     

    3) major-heading 사용금지

    글 작성시 제일 큰 크기의 주제목(major-heading)은 h1 tag를 사용하기 때문에 따로 사용을 하지 않습니다.

     

     

    위의 두 가지를 변경하셨다면, 구글 블로그스팟의 검색 노출을 위한 SEO 가 최적화되었습니다.

     

    <소스 코드 첨부>

    헤더 h1 변경_.jpg
    0.03MB

    4. 블로그스팟 테마와 H1

    (업데이트)

    일단 글을 써놨는데, 최근 많은 분들이 보러 오시는 것 같아서 사족을 좀 더 붙이기로 했다. 블로그스팟의 테마 개발자가 멍청해서 사용자가 이렇게까지 노력을 들여가면서 사용해야 할 테마를 만들었을까 생각해 보았다.

    1) 브랜딩 목적

    헤더에 H1 을 달아놓은 이유는 블로그 이름을 짓고 이 블로그를 브랜딩 하라는 이유가 더 크게 있지 않았나 싶다. 일반 웹사이트처럼 사용하기 좋게 만들었다는 소리일 수도 있다. 그런 것을 굳이 변경할 필요가 있을까 싶다. 메인 페이지를 살펴보면 블로그 제목이 H1이고, 포스팅 목록에서 각 제목들이 다 h3로 나온다. 메인 페이지 입장에서 보면 블로그 제목이 H1인 것이 맞는 이야기이다.

    2) 글쓰기 편의성

    포스팅 제목에 H1을 달아 놓은 것은 순전히 티스토리 방식인 것이다. 블로그스팟에는 메이저 헤딩에서 H1을 달 수 있다. H1 태그가 꼭 제목에 있으라는 법은 없다. 글의 처음에 있을 수도 있다. 이것이 글을 쓰는데 더 논리적인 글을 쓸 수 있다.

    3) 제목이  H3인 이유

    구글을 검색해서 나오는 리스트를 살펴보면 전부 h3이다. 검색엔진의 효율성을 위해서 맞춰놓은 것이 아닌지 의심을 해 본다.

     

    마치며, 좋은 글을 쓰면 구글에도 상단 잘 꽂힌다. H 태그를 사용하지도 않는 네이버 블로그도 상단에 잘만 꽂혀있는 것을 쉽게 볼 수 있다. 너무 여기에 목 메지 않았으면 한다.

     

    구글 블로그스팟 설정 방법 가이드 - 블로그 기본 셋팅

     

    구글 블로그스팟 설정 방법 가이드 - 블로그 기본 셋팅

    구글 블로그인 블로그스팟을 처음 사용할 때 느끼는 가장 큰 문제는 "설정을 어떻게 하는가"이다. 블로그 설정 메뉴에 들어가면 티스토리와는 다른 생소한 용어들과 설정 방법이 블로그스팟을

    nodigitalmad.tistory.com

    구글블로그, 블로그스팟의 rss, 구글과 빙 검색 엔진에 등록하기

     

    구글블로그, 블로그스팟의 rss, 구글과 빙 검색 엔진에 등록하기

    네이버 블로그와 같이 블로그에 글만 쓰면 되는 블로그가 있는 반면에, 구글의 블로그스팟 같이 글도 써야 하고, 세팅도 하나하나 직접 해줘야 하는 블로그가 있습니다. 이런 블로그 들은 하나

    nodigitalmad.tistory.com

     

    블로그스팟 로고 SEO h1
    블로그스팟 H1 사용 SEO

    댓글


    loading