블로그스팟 Blogger '요소가 2개이상 발견' 해결 방법

티스토리, 블로그스팟, 구글블로그를 운영하다보면 네이버 웹마스터 도구에서 “<h1>요소가 2개이상 발견” 되는 문제가 생길 수 있다.

본문 제목 <H1>과 헤더 가젯에 <h1>이 있어서 중복으로 <h1>이 들어가 있고, 그로인해 이런 문제가 발생하는데, 네이버 웹마스터 도구에서 ⚠️SEO 라고 뜨니 민감하게 반응할 수 있다. 사실 큰 문제가 되는 부분이 아닌 것이, 검색 봇이 봤을 때 이 블로그, 웹 페이지의 제목이 2개로 보일 수 있으니 수정하라는 것.

검색 봇도 멍청하지는 않기 때문에, 긁어가는 과정에서 Meta부분을 체크해서 H1 Titile 과 Site Header H1 를 확인해서 Title H1을 가져갈 것이다. 다만 헷갈려서 잘못 가져갈 수 있으니, 좀 더 효율적으로 관리하기 위해 ⚠️SEO 가 뜬다고 생각하자.

티스토리의 경우

티스토리의 경우 해결 방법이 무수하게 많이 올라와 있으니 따로 다루지 않겠다.

블로그 스팟의 경우

제목에 H2 헤딩을 지정해준다.

블로그스팟은 H1 과 H2 와 관련하여 오랜시간 문제가 있었다. 아예 제목을 <h2> 로 지정을 해서 이 문제를 회피하는 방법이다, 영구적인 방법이 될 수 없다.

블로그스팟 레이아웃 설정에서 헤더 가젯 제거

설정 > 레이아웃 > header 또는 main header 가젯 설정에서 위젯 표시를 off 해버리고, 하단에 있는 블로그 제목과 설명을 지워버리면 ‘<h1>요소가 2개이상 발견’ 를 해결할 수 있다. 다만 이럴 경우 헤더에 있는 곳에 사이트 이름이 안 보이게 되는 문제가 생길 수 있다.

직접 HTML 편집, 수정하는 방법

HTML 편집으로 이동하여 <h3 class='post-title entry-title'> 라고 나오는 부분을 찾는다. 2곳 정도 나올 텐데.

  <b:if cond='data:post.title != &quot;&quot;'>
    <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>

위 부분을 아예 새롭게 지정하여, H1,H2,H3 를 확실하게 H 부분을 구분지어 버리는 방법이다. 개인적으로는 항상 이 방법으로 해결해왔다. 다만 테마에 따라 적용되지 않는 부분이 있을 수 있다.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
   <h2 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>
   </h2>
<b:else/>
   <h1 class='post-title entry-title'><data:post.title/></h1>   
</b:if>

가장 추천하는 방법은 유료 SEO 테마를 구매하는 것.

하실 거라는거 잘 안다.
그런데 그게 가장 확실한 방법이다. 가장 추천하는 방법으로 SEO 가 적용되는 유료테마를 구매하는 것이다. 유료 SEO 스킨을 구매하면 ‘<h1>요소가 2개이상 발견’ 되는 문제를 포함하여 테마 적용시 발생하는 다양한 문제를 직접 해결해준다. 아주 친절하게.

스킨 판매자들마다 다르겠지만, 보통은 짦으면 2주, 길게는 1년 정도. 스킨 구매시 발생하는 문제에 대한 서비스를 보장해주기 때문이다.

결국 h1 중복 자체는 해결할 필요는 없지만 SEO 에 부정적인 영향을 줄 수 있으니 해결하면 좋다. 이고. 구글이나, 네이버, BING 에서의 노출은 블로그 본문 타이틀 H1 을 제대로 가져가서 정상적으로 보여진다.
늘 얘기하지만, 블로그스팟을 제대로 활용하기 위해서는 돈이 들어가야 한다. 이는 불변의 법칙이다.

+ 블로그스팟 Blogger 는 유저에게 굉장히 불친절 하다. 티스토리처럼 Oath API나 스킨 제작을 위해 쉽게 공유하는 편도 아니다. Blogger 커뮤니티를 찾아가면서 유저들끼리 해야되는데. 이 부분이 귀찮은걸 넘어, 힘들다.

블로그스팟 – Blogger 사진 크기를 자동으로 조정하는 방법

1. CSS 추가하기 .post-body img { width:100%; height:100%; display: block; } .post-body img { max-width: 100%; max-height: auto; display: block; margin: auto; } margin: auto; 를 추가함으로써 다만 이 경우에는 이미지를 원본으로 체크했을 때만 적용된다는 점 참고하길 바란다. 2. HTML 편집으로 들어간다. 템플릿의 다양한 소스를 확인할 수 있는데, 를 찾아 아래의 문구를 입력한다. //