[검색엔진 최적화] 티스토리 블로그에 <H1> 태그가 2개 이상 있는 경우에 대한 처리 방법 - 티스토리 스킨의 블로그 타이틀 태그를 <H1>에서 다른 것으로 변경하는 방법
같은 질문이 반복돼서 별도 글로 내용을 정리해서 남깁니다.
2022-12-26 ver 1.0
------------------------------------------------------------------------------
1. 검색엔진과 <H1> 태그
먼저
HTML 관련 규격에는 HTML 문서 안에 <H1> 태그가 1개만 있어야 한다는 제한이나 요구 사항은 없습니다.
<H1> 태그 개수는 HTML 문서 안에 여러 개여도 무방합니다.
언제부터 한 번만 사용하는 것을 권장한다는 게 유행처럼 번졌는지는 모르겠지만 이유는 대충 이렇습니다.
검색엔진이 문서의 특징을 파악하기 위해 <H1> 태그를 최우선으로 찾고, 2개 이상의 <H1> 태그를 사용하면 검색엔진에 혼동을 주어 문서가 제대로 인덱싱이 되지 않고, 검색 우선순위에서 밀린다.
뭐 그렇습니다.
일부는 맞고 일부는 틀립니다.
먼저 검색엔진은 <H1> 태그가 2개 이상이어도 인덱싱을 하는데 아무 문제가 없습니다.
그리고 검색 키워드로 검색 노출을 할 때 2개 이상의 <H1> 태그에 대한 결과 표시도 잘 됩니다.
2개 이상의 <H1> 태그에 대한 키워드 검색 기반 인덱싱을 하는데 아무런 문제가 없습니다.
물론 검색 랭킹에도 영향을 주지 않습니다.
구글, 네이버 모두 동일합니다.
<H1> 태그가 1개인 것을 권장한다는 것은 HTML 문서의 태그 사용에 대한 권장사항이지, 검색엔진의 관점에서는 영향이 없습니다.
검색 엔진의 인덱싱 알고리즘은 당신이 생각하는 것보다 훨씬x10000000000000000000000000 똑똑합니다.
그리고
티스토리 블로그는 구글 검색에 절대적으로 의존하고, 트래픽도 구글이 압도적으로 많습니다.
평균적으로 티스토리의 네이버 노출 비율은 구글 대비 10~20% 안쪽입니다.
저 같은 경우는 장기 평균(3년 이상)이 10% 내외로 수렴합니다.
블로그 주제에 따라 노출 비율이 다르고, 과거에 노출이 되던 블로그들은 현재까지 네이버 노출이 지속적으로 되는 경우가 더러 있어서 네이버 노출은 블로그마다 차이가 있습니다. 예외적으로 네이버 방문자가 절반인 티스토리 블로그도 있습니다.
최근 1~2년 안쪽으로 만들어진 티스토리 블로그는 대부분 네이버 검색 엔진에 인덱싱을 해도 노출 우선 순위가 낮아서 방문자를 기대하기가 어렵습니다.
티스토리 블로그의 <H1> 태그 개수 관점에서 검색 인덱싱을 고려한다면 구글을 기준으로 고민하면 됩니다.
구글을 기준으로 <H1> 태그의 개수는 인덱싱과 노출에 별다른 차이가 없습니다.
구글 인덱싱 엔진은 여러 개의 <H1> 태그가 나오면 모아서 하나의 문자열로 처리를 합니다.
그러니까 블로그 타이틀에 추가로 <H1> 태그가 적용되어 있다고 검색 결과에 별다른 차이가 나는게 아니라는 뜻입니다.
<H1> 태그가 2개 이상인 경우에 대한 다음 구글 서포트 답변을 참조하시기 바랍니다.
https://support.google.com/webmasters/thread/15267057/having-multiple-h1-tags-hurt-seo?hl=en
제가 배포하는 스킨들은 티스토리 레퍼런스 스킨을 기준으로 기본 골격을 유지하고 있습니다.
레퍼런스에서 블로그 타이틀을 <H1> 태그로 처리했고, 글목록 제목과 글 내용 제목에도 <H1> 태그를 부여해서 그대로 이어받아서 사용하고 있습니다.
티스토리 레퍼런스 스킨의 사용자가 압도적으로 많기 때문에 대부분의 티스토리 블로그에는 블로그 페이지 안에 최소 2개의 <H1> 태그가 존재하게 됩니다.
2. 블로그 타이틀에 적용된 <H1> 태그를 변경하는 방법
<H1> 태그가 2개 있는게 불편한 분은 다음 방법으로 블로그 타이틀의 <H1> 태그를 <H2>로 바꿔서 <H1> 태그를 1개로 변경할 수 있습니다.
다만, 앞서 언급한대로 글 본문에서는 글 제목이 유일한 <H1> 태그가 되지만 커버 없는 블로그 홈과 글 목록에서는 "전체 글", 또는 카테고리 명이 유일한 <H1> 태그가 됩니다.
<H1> 태그가 유일한 경우 검색 인덱싱 엔진은 해당 태그의 내용이 최우선 키워드라고 판단하게 됩니다. 블로그 메인의 최우선 키워드가 "전체글" 이 될 수 있습니다.
마지막으로 블로그 타이틀의 <H1>을 제거한 상태에서 커버를 적용한 경우, 블로그 메인에는 <H1> 태그가 없게 됩니다.
주의해야 합니다.
기술적으로는 선택적으로 블로그 메인과 글 목록에는 블로그 타이틀에 <H1> 태그로 출력이 가능하게 할 수도 있겠지만, 많이 번거롭고 위에 설명한 데로 검색엔진 입장에서는 별 차이가 없습니다.
레퍼런스 스킨과 어포스트 스킨으로 배포하는 대부분의 스킨에 공통 적용되는 방법입니다.
1. skin.html 에서
"<h1><a"를 검색합니다.
제가 배포하는 스킨들은 <div class="title"> 로 검색해도 됩니다.
"<h1>", 그리고 끝나는 태그인 "</h1>" 태그를 "<h2>", "</h2>"로 각각 변경합니다.
2. style.css에서
".title h1"을 모두 찾아서 전부 ".title h2"로 변경합니다.(숫자만 2로 변경하면 됩니다.)
이렇게 하면 블로그의 <H1> 태그가 1개(또는 일부 페이지에서는 0개)가 되게 됩니다.