H1 요소가 2개 이상 발견 해결 방법

<H1> 요소가 2개 이상 발견이 SEO에서 문제가 발생하였을 때, 해결 방법을 안내해드리려고 합니다.

주 제목 사용하지 않기

주제목

제목 등 특정 태그에 H1 태그를 보이도록 설정하였다면, 본문에서는 [주 제목]을 사용하시면 안 됩니다. 구글 블로그에서 [주 제목]이 H1 태그이기에 제목에 H1을 이미 사용하였다면 중복이 된답니다. 이 경우에는 [주 제목] 대신 [제목] 태그부터 시작해 주세요.

아티클 태그 등 반복문에서 H1 태그 사용 확인

h1 요소가 2개 이상 발견

블로그 포스트를 반복하여 보여주는 구간이 있을 것입니다. 이때, H1태그를 설정하는 경우, 모든 아티클이 H1태그로 이루어 지기 때문에 H1 태그를 한 페이지에 여러번 사용한 것처럼 인식이 됩니다. 아래는 구글 블로그 '컨템포' 테마를 기준으로 하여 수정한 것입니다.

현재 뷰가 싱글 아이템이면 H1 태그를, 아니면 H2 태그로 아티클 헤더를 표시하도록 진행하였습니다. (원래는 무조건 H1태그여서 SEO에 적합하지 않다는 문구가 나왔답니다.)

h1 요소 해결하기
<b:if cond='data:view.isSingleItem'>
 <!--bbb:헤더분리-->
 <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:if>
<b:if cond='data:view.isSingleItem != &quot;true&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:if>

댓글