본문 바로가기
SNS관리/티스토리

SEO H1 태그 중복 문제 해결 방법(ft.북클럽 스킨)

by daying 2023. 7. 9.
반응형

네이버 서치어드바이저 웹마스터 도구에 블로그를 사이트로 등록하면 사이트의 리포트를 확인할 수 있습니다.

사실 등록은 오래전에 해놨지만 확인은 잘하지 않는 편인데, 최근에 오랜만에 들어가 보니 수집된 문서 중 검색엔진 최적화가 필요한 문서 개수가 꽤나 많았습니다.

수정이 필요한 SEO 문제는 H1 요소가 2개 이상 발견된 태그 중복이었는데요.

티스토리 블로그 스킨의 html H1태그를 수정하는 방법으로 검색엔진 최적화 작업을 진행했습니다.

 

해당 블로그의 사이트 진단 중 SEO라는 부분에 23이라는 숫자가 표시되어 있습니다.

SEO에 숫자가 없어야 좋은 것인데요, SEO에 숫자가 있다는 것은 검색엔진 최적화가 필요하다는 뜻입니다.

네이버 웹마스터 도구 사이트 진단

네이버 웹마스터 도구 사이트 진단 페이지 하단에 보면 아래와 같이 유형별 진단 정보가 나와있습니다.

SEO에 오류에 뜬 23개의 페이지는 전부 H1 요소가 2개 이상 발견이 되어 최적화가 안 됐다고 나와있네요.

유형별 진단 정보

HTML을 기반으로 하는 블로그의 경우 H태그가 꽤 중요한 요소 중 하나인데요.

가장 상위 제목에 해당하는 H1태그가 2개 이상 발견이 됐다고 나오기 때문에 수정을 해주는 게 좋습니다.

반응형

현재 사용중인 북클럽 스킨의 경우 블로그의 이름이 H1태그로 설정되어 있습니다.

SEO 최적화를 위해 블로그의 이름에 설정되어 있는 태그를 변경해 보겠습니다.

 

▣ 북클럽 스킨 H1태그 변경 방법 ▣ 

 

1. 꾸미기 → 스킨 편집을 눌러주세요.

 

스킨 편집

2. html 편집을 눌러주세요.

html 편집

3. html 편집 화면을 마우스로 아무 곳이나 한번 클릭 →  찾기(ctrl+F) → 검색창에 <header id="header">를 검색해 주세요.

아래 부분에 h1, /h1으로 된 부분이 보일 것입니다.

html h1태그 편집

4. h1을 p로 바꾸어 줍니다.

h2로 바꾸시는 분들도 많이 계신데 저는 그냥 p로 변경을 했습니다.

html 태그 변경

5. CSS 화면으로 간 후 검색창에 [header h1]을 검색합니다.

CSS 편집

h1으로 되어 있는 부분을 전부 p로 바꿔 줍니다.

편집창에서 수정 완료 후에는 상단에 있는 [적용] 버튼을 필히 눌러주셔야 합니다.

적용을 누르지 않으면 코드 변경이 되지 않습니다.

CSS 변경

▣ 북클럽 스킨 H1태그 변경 후 

H1태그 변경 며칠 후 네이버 웹마스터도구 사이트 진단에 가서 다시 현황을 확인해 봤습니다.

아래와 같이 SEO의 숫자가 0으로 바뀌어 최적화가 되었네요.

업데이트를 실시간으로 하는 게 아니기 때문에 변경 작업 며칠 후 확인을 해보면 저처럼 바뀌어 있을 거예요.

 

SEO 최적화 완료

반응형

댓글