H1 요소가 2개 이상 발견 오류 해결하기! 간단 정리 <네이버 서치 어드바이저>

최근 네이버 유입이 많아져 네이버 서치 어드바이저를 오랜만에 들어가서 이것저것 확인해보았습니다.

그러던 중 제 블로그의 한 가지 문제 사항을 발견했습니다.

 

이번 포스팅에서는 네이버 서치 어드바이저의 H1 요소가 2개 이상 발견 오류를 해결하는 법을 간단하게 정리해드리겠습니다.

HTML과 CSS를 수정하는 내용이라 보기에 눈이 좀 어지럽지만 알고보면 간단하니 꼭 확인하시어 오류 해결하시길 바랍니다.

H1 요소가 2개 이상 발견 오류란?

우선 네이버 서치 어드바이저에 접속해줍니다.

메뉴에서 검증→URL 검사를 클릭해줍니다.

임의로 한 개의 포스팅을 지정해 URL을 검사해보니 이런 알림이 뜹니다.

SEO <H1> 요소가 2개 이상 발견

 

해당 오류의 발생 원인은 네이버에서 티스토리 글을 긁어갈 때,

블로그 이름인 '릴리의 건강 백과사전'과 포스팅 제목인 '유방암 : 유방암 위험요소~'가 전부 H1 요소로 읽히기 때문입니다.

네이버 서치어드바이저에서는 해당 오류를 위와 같이 정의하고 있습니다.

 

일반적으로 티스토리를 시작할 때 html 모드를 사용할 경우 제목은 <h1>, 본문의 소제목은 <h2>, <h3>... 으로 작성해야 한다는 것은 알고 계실 것 입니다.

 

따라서 이 오류는 일반적인 <h1> <h2> <h3> 순서가 아닌 <h1> <h1> <h2> 와 같이 h1이 두번 발견되는데서 발생한 것이라고 보시면 됩니다.

 

해결 방법은 무척 간단합니다.

 

H1 요소가 2개 이상 발견 오류 해결하기

티스토리 관리 메뉴→꾸미기→스킨 편집 메뉴에 들어갑니다.

 

우측 스킨 편집 하단의 'html 편집'을 눌러줍니다.

 

위와 같은 창이 뜰텐데, ctrl+f 를 눌러 검색창을 띄우신 후 ##_title_##을 검색합니다.

 

그 다음 검색된 ##_title_##의 위 아래에 있는 <h1>과 </h1>을 각각 <p>와 </p>로 바꿔줍니다.

반응형

이렇게 바꾸셨으면 잘 하고 계신겁니다.

다음은 다시 상단으로 눈을 돌리셔서 HTML 옆의 CSS를 눌러줍니다.

 

기존과 비슷한 방법입니다.

Ctrl+f를 눌러 검색창을 띄운 후 header를 입력합니다.

#header 뒤에 있는 세 개의 h1을 전부 p로 바꿔줍니다.

 

이렇게 다른 글자는 건드리지 마시고 h1만 p로 깔끔하게 바꿔주시면 됩니다.

 

그 다음 우측 상단 적용 버튼을 누릅니다.

다시 URL 검사를 진행하면 이렇게 오류가 사라진 것을 확인할 수 있습니다.

 

만약 위와 동일한 방법으로 진행하시고 검사를 하셨는데도 같은 오류가 반복적으로 나올 경우, 다음날 다시 URL 검사를 진행해보시면 오류가 사라진 것을 확인하실 수 있습니다.

 

이상으로 네이버 서치 어드바이저 H1 요소가 2개 이상 발견 오류 해결하는 방법을 알아보았습니다.