[네이버 서치어드바이저] <H1> 요소가 2개 이상 발견(?) 간단히 해결하세요.
네이버 서치어드바이저에서는 내가 운영하는 사이트의 검증을 위해 HTML 문서를 분석할 수 있는 URL 검사가 가능합니다. 내가 작성한 콘텐츠가 검색엔진로봇이 잘 해석할 수 있는지를 진단해 보는 과정이라고 생각하면 될 것 같아요. 그런데 URL 검색을 하게 되면 아래와 같이 SEO 항목 부분에 <H1> 요소가 2개 이상 발견이 되었다는 경고가 나타나기도 하는데요. 오늘은 이 내용을 해결해 보는 방법에 대해서 알아보도록 하겠습니다.
'<H1> 요소가 2개 이상 발견' 원인분석 및 해결방법
중복된 태그 <H1> 을 찾아내자
검색엔진로봇의 글 수집
문제가 발견되는 부분은 매우 가까이에 있었습니다. 우리가 블로그에서 글을 쓴 후 발행하게 되면 검색엔진 로봇은 이 글을 수집하기 위해 검사를 진행합니다. 이때 로봇은 실제 우리가 보고 있는 이런 환경이 아닌 코딩 페이지 즉, html 환경에서 글을 수집하고 검사를 진행하게 됩니다. 여기서 중복된 코드를 발견하게 됩니다.
<H> 태그의 이해
중복된 태그를 찾아내기에 앞서 제목과 관련된 태그는 다음의 규칙이 있었습니다. 현재 쓰고 있는 글의 제목은 <H1> 글 속의 대제목은 <H2>, 중제목은 <H3>, 소제목은 <H4>로 표기가 되는 규칙입니다. 여기서 <H1> 태그를 알아내었네요.
블로그 타이틀도 <H1> 태그?
여기서 중복이 되는 부분을 알 수가 있습니다. 블로그명 또한 <H1>으로 설정이되어 있다는 것입니다. 바로 이 블로그의 타이틀인 '방구석 라디오'와 현재 이 글을 쓰고 있는 글의 제목이 겹치게 되는 것입니다.
<H1> 중복 태그 해결방법
이제 <H1> 태크가 중복이 되는 것을 찾았으니 둘 중 하나를 수정하면 해결이 될 것입니다. 다만 우리는 글을 쓰는 블로거로 우리의 글이 노출이 잘 되려면 글의 형식 즉 SEO를 되도록 잘 지켜야 하겠습니다. 그러기에 본문의 태그보다는 우리의 블로그명(title)의 태그를 수정하는 방법으로 진행할 것입니다.
HTML / CSS 코드 수정하기(티스토리 기준)
1. 관리모드 → 꾸미기(스킨 편집)
2. 스킨 편집 우측에 html편집 버튼 클릭
3. html 본문 아무 곳이나 한번 클릭해주고 Ctrl + F(맥 : command + F)을 누른 후 ##_title_## 검색
4. <H1>으로 적힌 부분을 <p>로 변경, </H1>으로 적힌 부분을 </p>로 변경
5. 적용 버튼 왼쪽에 CSS 항목을 클릭
6. css 본문 아무곳이나 한번 클릭해주고 Ctrl + F(맥 : command + F)을 누른 후 header 검색
7. 총 3군데의 <H1>을 모두 <p>로 변경 후 적용 버튼을 누르면 완료
네이버 서치어드바이저 URL 재검사
이제 다시 네이버 서치어드바이저에서 내 블로그의 도메인을 넣고 URL 다시 검사하게 되면 그전에 나왔었던 SEO 항목이 없어진 걸 확인할 수 있습니다. 결론은 중복된 태그가 해결이 되었기 때문에 항목에 노출이 되지 않습니다.
마치며
이것으로 네이버 서치어드바이저 <H1> 요소가 2개 이상 발견과 관련하여 간단히 해결할 수 있는 방법에 대해서 알아보았습니다. 해결 방법은 간략하였으나 원인과 관련된 내용을 설명하다 보니 다소 장황하게 설명이 적힌 것 같습니다. 부디 위 내용이 도움이 되셔서 네이버에서도 여러분들의 소중한 글들이 이곳저곳에 널리 퍼지길 기원합니다. 감사합니다.