구글 블로그 h1 태그 중복 문제 해결: 블로그스팟 SEO 완벽 가이드

여러 검색엔진에 구글 블로그를 등록하다 보면, 구글 블로그 기본 설정에서 블로그 이름이 h1 형식으로 지정되고 포스트 제목이 h3 형식으로 지정되는 문제를 알게 됩니다. 이는 일반적인 SEO 관점에서 바람직하지 않다고 합니다.

그런데 포스트 제목이 h1, 블로그 이름이 h2가 되도록 수정하였더니 또 다른 문제가 생겼습니다. 개별 게시물이 아닌 블로그 이름이 검색될 때는, 블로그 이름과 포스트 제목 둘 다 h1으로 중복이 되었습니다. 이 문제를 해결하며 얻은 정보를 여러분과 공유하고자 합니다.


목차



홈오피스에서 랩탑을 사용하여 집중하고 있는 남자 이미지



SEO 관점에서 h1의 중요성

h1 태그는 웹 페이지의 가장 중요한 제목을 나타내며 검색 엔진에게 페이지의 주요 내용을 알립니다. 구글 엔지니어는 공식적으로 한 페이지에 여러 h1 태그가 있어도 사용자의 경험에 문제만 되지 않는다면 괜찮다고 언급하고 있습니다(출처: 구글 엔지니어 답변).

그러나 빙 웹마스터는 h1 중첩을 오류라고 알려주고, 워드프레스 등으로 유명한 블로거들의 강의에서도 SEO를 고려해 h1을 하나만 넣으라고 합니다. 이를 고려하면, 사용자의 경험이라는 주관적인 영역을 개선하는 걸로 그칠게 아니라, 기술적으로도 h1을 정확하게 하나만 넣어주는게 도움이 될 것 같습니다.


블로그 이름의 코드 수정

블로그 이름의 h1 설정을 수정하는 방법은 다음과 같습니다.

  • 테마 > html 편집으로 이동하여 "super.title"을 검색하고, 두 번째로 나오는 "super.title" 부분을 찾아 이동합니다. *오류가 생기면 힘들어집니다. 줄번호를 보며 반드시 두번째를 수정하세요.
header-nofixed-capture
  • <b:include name='super.title'/> 코드를 삭제하고 아래 코드를 추가:
<b:tag expr:name='data:view.isSingleItem ? "h2" : "h1"' class='title'>
    <data:blog.title/>
</b:tag>

header-fixed-capture

이 변경은 블로그 메인에서는 h1, 개별 페이지에서는 h2를 사용하도록 하여 검색 결과에서 태그 중복을 방지합니다.


포스트 제목의 코드 수정

포스트 제목의 h1 설정을 수정하는 과정은 다음과 같습니다.

  • 테마 > html 편집으로 이동하여 "post-title entry-title"을 검색합니다.
post-title-nofixed-capture
  • <a expr:name='data:post.id'/>부터 </b:includable>을 삭제하고 아래 조건문을 추가:
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title != ""'>
        <b:if cond='data:view.isSingleItem'>
            <!-- 개별 포스트 페이지일 때 h1 적용 -->
            <h1 class='post-title entry-title'>
                <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                    <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
                <b:else/>
                    <data:post.title/>
                </b:if>
            </h1>
        <b:else/>
            <!-- 그 외 페이지에서는 h3 사용 -->
            <h3 class='post-title entry-title'>
                <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                    <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
                <b:else/>
                    <data:post.title/>
                </b:if>
            </h3>
        </b:if>
    </b:if>
</b:includable>

post-title-fixed-capture

이 변경은 개별 포스트 페이지에서 포스트 제목이 h1, 그 외 페이지에서 h3이 되도록 하여 검색 결과에서 태그의 중복을 방지합니다.


마무리

구글 블로그 쉽지 않네요.. 오류 하나를 해결하면 다른 오류가 생기고 다른 오류를 해결하면 또 다른 오류가 생기고. 현재도 본문 페이지 우측 레이아웃이 잘리는 오류가 생겨 방법을 찾는 중인데 어렵네요. 구글 블로그 몇 년 다루면 html 전문가가 될 것 같습니다😅

구글 블로그의 블로그 이름이 h1으로 표기되는 문제는 이미 다루는 블로그들이 있는데, h1 중복되는 문제에 대해선 다루는 블로그는 커녕 인지하는 블로그도 보이지 않더라구요. 여러분은 인지를 하셨든 못하셨든 제대로 오셨습니다. 저대로 복사해서 붙여 넣기만 하시면 됩니다. 우리의 시간은 소중하니까요😄

글이 길어지면 내용을 파악하기 힘들어질 것 같아 최대한 간략하게 다루어 보았습니다. 이 글이 비슷한 고민을 하시는 분이나 이제 막 시작하는 분들께 조금이나마 도움이 되셨기를 바랍니다!!