얼마전에 네이버 서치어드바이저 사이트 진단을 눌러 들어가 봤더니 ‘h1 요소 2개 이상 발견‘ 이라는 문구를 접하게 되었습니다.
이 말은 웹페이지 안에 h1 태그가 중복된다는 뜻인데 네이버 서치어드바이저에 사이트 진단 항목에서 새롭게 문제점을 잡아주고 있었습니다.
h1 요소 2개 이상 발견 메세지
워드프레스를 사용하는 입장에서는 포스트 타이틀 외에는 h1이 존재하지 않기 때문에 서치 어드바이저에서 등록시 문제가 없었습니다.
하지만 티스토리 블로그는 분명 웹페이지 내부에 h1 요소 중복 때문에 이러한 오류가 발생합니다.
결론을 말하자면 티스토리 블로그는 2개의 h1 태그가 존재합니다. 스킨마다 다르겠지만 가장 많이 사용하는 ‘북클럽 스킨‘은 메인 제목인 포스트 타이틀과 블로그 제목 타이틀이 h1 태그로 지정되어 있는데요.
구글 SEO 최적화 측면에서 봤을때 h1 요소 2개는 분명 검색 노출에 영향을 미칠 것이고, 네이버 서치어드바이저도 이를 반영한 듯 합니다.
내용을 알기 쉽게 서치어드바이저에서 구체적으로 설명하고 있습니다. h1 태그가 중복되면 검색로봇이 크롤링 과정에서 단일 타이틀을 정확히 찾지 못해 애를 먹을 것입니다.
따라서, 색인 과정은 거칠 수 있지만, 결국 노출 순위를 결정하는 데 좋지 않은 요인으로 작용할 것이므로 티스토리 블로그의 h1 요소 2개 이상 문제를 해결해야 합니다.
티스토리 h1 요소 2개 이상 여부 확인 하기
티스토리 블로그에 정말 h1 태그가 중복되는지 눈으로 확인해보겠습니다.
사용자의 티스토리 블로그 h태그를 보기 위해서는 웹페이지를 열어봐야 하겠지요.
웹사이트에서 본인 블로그 페이지중 아무거나 열고 마우스 우측 버튼을 누르면 팝업창에 ‘페이지 소스 보기‘ 항목을 누르세요.
그럼 페이지 소스 화면이 나올텐데요. Ctrl+F를 눌러 ‘header id‘를 검색하면 해당 부분이 나오는데요. 바로 이 헤더부분이 티스토리 블로그 사이트 제목입니다.
우리가 필요한 h1 태그는 개별 포스팅 제목만 존재하면 되므로 블로그 사이트 제목은 h2로 바꿔야 합니다.
헤더부분이 처음에는 h1 태그로 지정되어 있었습니다. 지금 보이는 화면은 필자가 h1이었던 태그를 미리 h2로 변경한 것이므로 아래 절차를 따라서 여러분들도 변경하시면 됩니다.
티스토리 블로그 타이틀 제목 태그 변경하기
티스토리 편집 화면 접속 방법은 알고 계신다는 전제 조건하에 설명 드립니다.
티스토리 관리 화면에서 ‘스킨 편집‘으로 들어가셔서 상단 우측 ‘html편집‘을 누르세요. 그럼 html 편집 화면에서 ‘header id‘를 검색하시면 사진과 같은 화면이 나옵니다.
기존에는 h1으로 지정되었는데 이것을 h2로 변경해줍니다. 변경이 끝난 후 저장을 했다면 블로그 타이틀 제목은 h2로 변경되고 순수하게 포스팅 제목만 h1 단일 태그로 남게 되는 것입니다.
그리고 마지막으로 하나만 더 수정할 것이 있습니다.
CSS 화면에서 h2 헤더 생성하기
티스토리 북클럽 스킨은 헤더는 h1 단일 헤더 뿐이므로 여기에 h2 헤더를 추가 하도록 하겠습니다.
이번에는 HTML 편집 화면을 나온 후 CSS 화면으로 들어가겠습니다.
‘header h1‘을 검색하면 사진과 같이 h1 헤더가 나올텐데 이 박스 전체를 복사합니다.
복사한 h1 헤더를 바로 아래에 붙여넣기 해주면 사진과 같은 위치에 자리 잡을 것입니다. 이제 붙여넣기 한 h1 태그 3개를 모두 h2로 변경 후 ‘저장‘을 합니다.
이로서 네이버 서치어드바이저에서 더이상 ‘h1 요소 2개 이상 발견‘ 문구는 발생하지 않을 것입니다.