<H1> 요소가 2개 이상 발견 | 네이버 웹마스터도구 진단 해결 방법

 

사이트 진단 문제 발생 경위

네이버 서치어드바이저 웹 마스터 도구 리포트를 확인하 던 중 SEO 요소의 문제를 발견하였다. 진단 유형은 '<H1> 요소가 2개 이상 발견'으로, 네이버 검색 로봇이 블로그의 글을 수집하고 검색엔진이 색인을 진행하는 과정에서 발생한 문제이다. 현재 해당 사이트 문서 중 17개의 페이지가 정상적으로 수집되어 색인되었지만, 그중 10개의 문서에서 SEO 문제가 발생한 검색엔진 최적화가 필요한 문서였다. 해당 페이지들은 네이버 검색 결과에서 불이익을 받을 수 있다.

---

'<H1> 요소가 2개 이상 발견' 문제 해결 방법

<H1> 요소는 페이지 콘텐츠를 나타내는 소제목으로 사용되기 때문에 HTML 문서에서 2개 이상 발견된다면 네이버 검색로봇이 이해하기 어려운 구조가 된다. 그렇기 때문에 <H1> 요소를 1개로 줄이는 작업이 필요하다.

---

문제 되는 <H1> 요소 확인하기

1. 네이버 서치어드바이저 웹마스터 도구 '리포트'에서 '사이트 진단' 탭을 클릭한다. 
2. '유형별 진단 정보'에서'<H1> 요소가 2개 이상 발견'을 클릭한다.
3. 문제의 URL 목록이 나열되면 우측의 'URL 검사'를 클릭한다.
4. 'URL 검사'에서 '확인'을 클릭한다.
5. 검사 결과의'SEO'를 클릭하고 'n개의 인스턴스를 확인했습니다.'를 클릭하면 <H1> 요소들이 나열된다.

---

 

문제 원인 제거하기

필자의 <H1> 요소 문제 원인은 블로그 이름, 본문의 소제목 두 가지가 <H1> 요소로 수집된 것이 문제였다. 해당 문제를 해결하기 위해 HTML과 CSS 코드 편집이 필요하다.

 

HTML 코드 편집

1. 티스토리 '블로그 관리'의 '꾸미기' 탭에서 '스킨 편집'을 클릭한다.
2. 'HTML 편집'을 클릭한다.
3. 단축키 CTRL + F를 눌러 '찾기'에서 'h1'을 검색한다.
4. 아래의 코드를 찾아 다음과 같이 수정해 준다.

• <h1> → <p>
• </h> → </p>

수정 전 / 수정 후

 

 

CSS 코드 편집

1. 'HTML 편집'에서 'CSS' 편집 창으로 진입한다.
2. 단축키 CTRL+F를 눌러 '찾기'에서 'header h1'을 검색한다.
3. 아래의 코드를 찾아 다음과 같이 수정한 후 '적용'을 클릭한다.

• h1 → p
• h1 → p
• h1 → p

수정 전 / 수정 후

---

문제 해결 확인하기

수정한 코드를 네이버 검색로봇에게 알리기 위해 해당 페이지의 url 재수집을 요청해야 한다.

1. 네이버 서치어드바이저 웹마스터 도구 '리포트'에서 '사이트 진단' 탭을 클릭한다. 
2. '유형별 진단 정보'에서 '<H1> 요소가 2개 이상 발견'을 클릭한다.
3. 문제의 URL 목록이 나열되면 우측의 'URL 검사'를 클릭한다
4. 'URL 검사'에서 '확인'을 클릭한다.
5. '수집 요청'을 클릭하면 실시간으로 '요청완료' 되었음을 확인할 수 있다.
6. 문제 되는 페이지를 모두 '수집 요청'한다.
7. 몇 분 후 다시 url 검사를 진행해 보면 seo문제가 사라졌음을 확인할 수 있다.

url 수집 요청

url 검사 결과에서 seo 문제 사라짐