빙(Bing) 웹마스터 도구에서 SEO 분석을 하면 2개 이상의 h1 태그가 발견되는 문제가 발생하곤 합니다. 특히 티스토리 북클럽 스킨을 사용하는 경우 모든 페이지에서 h1 태그가 2개 이상 발견되는 SEO 문제를 해결방법을 소개드리겠습니다.
2개 이상의 h1 태그 원인
포스팅 제목만 h1 태그로 자동 설정되고 본문에서 제목을 사용 시에 h2 태그부터 시작되기 때문에 h1 태그가 2개 이상이라는 오류가 이해가 가지 않을 것입니다. 하지만 티스토리 북클럽 스킨은 블로그의 제목이 h1 태그로 설정되어 있습니다. 때문에 포스팅 제목과 상단에 위치한 블로그 제목이 둘 다 h1 태그이기 때문에 중복 오류가 발견되는 것입니다.
반드시 수정해야 할까?
Bing SEO 사이트 검사에서 알 수 있듯이 문제 유형이 단순 알림인 것으로 보아 반드시 수정해야 할 사항은 아닙니다. 포스팅 제목부터 본문 내용 끝까지 h1 태그가 하나만 들어가 있으면 되기 때문입니다.
그럼에도 불구하고 h1 태그 문제를 해결하려는 이유는 찝찝한 마음을 가지고 계속해서 포스팅을 하고 싶지 않기 때문입니다. Bing SEO 관점에서는 별거 아닌 문제일지는 몰라도 타 검색 사이트에서는 어떠한 문제로 포스팅 점수가 하락할지 모르는 일입니다. 최대한 SEO 관점에서 걸림돌이 없이 깔끔하게 포스팅을 하고 싶으신 분들은 다음 방법으로 수정하시는 것을 추천드립니다.
2개 이상의 h1 태그 오류 해결방법
포스팅 제목과 블로그 제목 중 하나는 h1 태그를 삭제해줘야 하는데, 당연히 포스팅 제목이 h1 태그로 남아있어야 합니다. 블로그 제목을 h2 태그로 변경만 해주는 방법도 있지만, 포스팅을 하다 보면 본문 내용에 h2 태그가 사용될 것이기 때문에 해당 방법은 추천드리지 않습니다. 보다 깔끔하게 포스팅 구조를 최적화시키기 위해 p로 수정하는 방법을 안내드립니다.
Step 1. HTML 수정
먼저 티스토리 스킨 편집에 들어가서 HTML을 수정해야 합니다. 'Ctrl+F' 키를 눌러서 'header'를 찾으시면 아래와 같은 문구를 쉽게 찾을 수 있습니다.
여기서 빨간색 박스로 표시된 h1 두 군데를 아래와 같이 p로 수정하시면 됩니다.
여기까지만 진행하시면 p에 해당하는 본문의 서식이 적용되기 때문에 블로그 제목이 작아지게 됩니다. 육안으로나 디자인 인적으로 보기 좋지 않기 때문에 이전과 같은 서식을 유지하되 h1 태그를 p로 변경해주기 위해 CSS 수정이 필요합니다.
Step 2. CSS 수정
다음은 CSS로 들어가 'Ctrl+F' 키를 눌러서 'header'를 검색합니다. 그러면 아래와 같은 문구와 함께 h1을 세 군데 찾을 수 있습니다.
빨간색 박스로 표시된 h1 부분을 모두 아래와 같이 p로 수정하시면 됩니다.
이렇게 CSS까지 h1을 p로 수정하시면 이전 블로그 제목의 서식을 그대로 사용하면서 2개 이상의 h1 태그가 발견되는 오류를 해결할 수 있습니다.
빙(Bing) 웹마스터 도구에서 SEO 확인
마지막으로 빙(Bing) 웹마스터 도구에 들어가 아래 경로에서 SEO 검사를 통해 2개 이상의 h1 태그 문제가 해결되었는지 확인만 해주면 됩니다.
- SEO → 사이트 검사 → 새 스캔 시작
댓글