SEO - H1 중복문제 해결해봅시다

티스토리를 운영하다 보면 가장 많이 듣는 말이 검색엔진 최적화, 즉 SEO입니다. 구글의 정책에 맞는 글을 작성함으로써 조금 더 상위에 노출할 가능성이 있습니다. 이번에는 많은 분들의 관심사항인 H1 중복문제를 해결하는 방안에 대해서 알아보겠습니다.

 

목차
1. H1 중복
2. H1 중복문제 해결방안

 

 

 

1. H1 중복

구글 상위 노출을 위한 전략으로 SEO에 맞춘 글쓰기가 있습니다. 검색엔진 최적화를 위해서는 사진, 내부링크 등의 여러 가지 요소를 고려해야 합니다. 그중에서 하나의 글에 H1이 중복사용되면 안 된다는 말에 대해서 알아보기로 하겠습니다. 사실 티스토리 공지사항이나 구글의 공식적인 답변에 의하면, H1 중복사용은 문제가 되지 않습니다.

 

[SEO 최적화] 하나 이상의 H1 태그 중복, 문제없는가?!

[SEO 최적화] 하나 이상의 H1 태그 중복, 문제 없는가?!

 

그러나 네이버 서치어드바이저는 다른 것 같습니다. 제가 글을 작성하고 수동으로 색인을 요청하는 중에 문제점을 발견하였습니다.

 

네이버 서치어드바이저의 H1 중복 문제

 

다음과 구글에 노출이 된다 할지라도 네이버라는 검색엔진을 놓칠 수 없습니다. 왜냐하면 우리나라에서는 검색의 50% 이상을 네이버가 담당하고 있기 때문입니다. 저 역시도 네이버를 많이 이용하는 편입니다. 문제점이 있다면 해결을 해 주는 것이 옳은 방향입니다.

 

 

 

---

2. H1 중복문제 해결방안

티스토리 스킨 중 제가 사용하고 있는 북클럽을 기준으로 말씀드리겠습니다. 방법은 크게 두 가지입니다.

 

• 1. HTML : 42번(h1 → div class="blog-header"), 51번(h1 → div) 각각 변경
• 2. CSS : 5곳 수정, header h1 → header .blog-header

그럼 하나씩 구체적으로 알아보겠습니다.

 

2-1. HTML 수정

1. 관리 화면 > 스킨 편집 > html 편집 > HTML로 이동합니다.

2. HTML 화면에서 Ctrl+F를 활용하여 h1을 검색합니다.

3. 42, 51번째 줄의 h1을 수정합니다.

 

HTML에서 h1 수정

화면에서 보시는 것처럼 h1을 div class="blog-header"와 div로 수정하였습니다. h1이 아니라 별도의 이름을 만들어 준 것이라고 생각하시면 됩니다.

 

 

 

2-2. CSS 수정

1. 관리 화면 > 스킨 편집 > html 편집 > CSS로 이동합니다.

2. CSS화면에서 Ctrl+F를 활용하여 #header h1을 검색합니다.

3. 126, 135, 142, 2358, 2397번째 줄의 h1을 수정합니다.

 

 

CSS에서 h1 수정

 

 

총 5곳의 h1을 .blog-header로 모두 수정하면 모든 과정이 완료됩니다. 이제 글을 작성하고 h1이 2개 있는지 확인하시면 제목 이외에는 없다는 것을 알 수 있습니다. 참고로 페이지 내의 h1 중복 확인방법은 다음과 같습니다.

 

• 글 페이지 → 마우스 우클릭 → 페이지 소스 보기 → Ctrl+F를 활용하여 h1 검색

---

지금까지 SEO를 충족하기 위한 H1 중복문제 해결방안에 대해서 알아보았습니다. 구글, 다음, 네이버의 블로그에 대한 방향은 글쓰기 최적화를 요건을 갖춘 글을 우대하고 있습니다. 작은 것부터 기준에 맞추는 노력이 필요합니다.