티스토리 블로그는 h1 태그가 중복되는 구글 SEO 문제가 발생합니다. 구글 SEO에서 h1 태그는 하나의 페이지에 한 개만 존재해야만 합니다. 그런데 티스토리에서 제공하는 스킨은 하나의 페이지에서 h1 태그가 2개가 나타나는 중복 문제가 있습니다. 그래서 오늘은 북클럽 기준으로 이런 문제를 해결하는 방법에 대해서 알아보겠습니다.
구글 SEO 기준에 맞게 글을 작성해야 구글 검색 노출이 이상없이 잘 됩니다. h1 태그가 2개가 발생하면 구글 검색엔진은 혼동이 발생하여 검색 노출이 되지 않는 결과를 가져옵니다. 문제 해결방법을 오늘 상세히 알려드리겠습니다.
h1 태그가 두 개면 안되는 이유
이런 문제를 티스토리측에서 원천 해결을 해주시면 좋겠지만, 아직까지는 해결하려는 의지가 보이지 않습니다. 검색엔진은 웹 페이지를 봇이 크롤링하여 분석하여 검색 노출에 반영을 합니다. 다들 아시다시피 h태그는 h1에서 h6까지 있는데 6단계의 제목으로 구성됩니다. 여기에서 h1 큰 제목은 하나요만 합니다. 그런데 두 개가 되면 어떤 문제가 생길까요?
하나의 웹페이지는 하나의 제목으로 구성된 글이어야 합니다. 그런데 h1 태그가 두개 라면 가장 큰 대제목이 2개가 되어 버립니다. 그래서 검색 로봇은 혼동을 일으키고 크롤링하여 웹페이지를 수집하지 못합니다. 구글 서치 콘솔에 이런 오류 메시지가 뜨면 이런 문제가 있는 것입니다. 그래서 문제를 해결해주어야 합니다.
요약하면, 검색엔진은 h1 태그가 반드시 1개여야만 합니다. 2개가 된다면 검색 노출에 대한 보장을 할 수 없습니다. 수익형 블로그를 운영 중이라면 반드시 h1 태그를 한 개만 사용해야만 합니다.
북클럽 스킨 h1 태그 중복 확인
북클럽 스킨 뿐만 아니라 스퀘어 약간 다르지만 이런 문제가 있었습니다. 그래서 앞서 포스팅한 바도 있습니다. 참고하시기 바랍니다.
2022.11.03 - [수익형 블로그 만들기/티스토리] - [티스토리 최적화 3탄] 스퀘어(Squre) 스킨 블로그 H태그 설정 및 겹쳐 보이는 증상 해결하기
나의 티스토리 포스팅 페이지로 들어가서 F12 개발자 모드 창을 엽니다. 우클릭하여 페이지 소스보기하셔도 h1 태그를 확인할 수 있습니다. 여기에서 Ctrl + F 을 클릭하여 h1 태그 시작을 의미하는 <h1 태그를 검색하여 봅니다.
위 그림처럼 검색결과를 보시면 h1 태그가 2개 있는 것을 확인할 수 있습니다. 블로그 이름과 글 제목에서 h1 태그를 확인할 수 있습니다. 블로그 이름에는 h1 태그가 사실 필요가 없습니다. 따라서 블로그 이름의 h1 태그를 변경하도록 하겠습니다.
블로그 이름 h1 태그 변경 방법
1. 관리 > 꾸미기 > 스킨편집 > html 편집 > html 탭 이동
- 티스토리 관리자 페이지에서 html 편집화면으로 이동합니다.
2. html 탭에서 <h1 을 검색합니다.
3. h1 태그 이름 변경하기
h1 태그를 h2로 변경해도 되지만 추후에 블로그 이름이라는 것을 확인하기 위해 알기 쉬운 명령으로 변경합니다.
<h1> ☞ <div class="blog-name">
위와 같이 h1 태그를 <div class="blog-name"> 로 바꿔줍니다. 이제 html 수정은 끝났습니다. 상단의 CSS을 수정해야만 합니다.
html 만 수정하면 위와 같이 블로그 이름이 나타납니다. 서식이 적용되지 않았기 때문에 일반 본문 글 서식과 같이 보입니다.
4. CSS 수정하기
먼저 CSS 탭으로 이동하여 '#header h1' 을 검색합니다. 총 5개의 검색 결과가 나옵니다. 모두 고쳐주어야 결과가 반영됩니다.
5군데 모두 #header h1을 #header .blog-name 으로 변경해주시면 됩니다.
#header h1 ☞ #header .blog-name
5. 결과 확인
위에 보시는 바와 같이 h1 태그가 1개만 보입니다. 이제 구글 검색에도 잘 검색이 잘 될 것 같습니다. 이 블로그를 이용하여 비교 결과를 추후에 리뷰해 드리겠습니다.
이상으로 티스토리 북클럽 스킨 h1 태그 2개로 중복되는 문제를 해결하였습니다. 차근차근 따라 하시면 큰 문제없이 수정하실 수 있습니다. 구글 네이버 검색 유입이 많이 되었으면 좋겠습니다.
'수익형 블로그 만들기 > 티스토리' 카테고리의 다른 글
| 티스토리 블로그 구글 외부 링크를 통한 폰트 글꼴 변경 방법 (0) | 2023.03.02 |
|---|---|
| [WhatFont] 웹페이지 블로그 폰트 종류, 색상, 크기 확인하는 방법 (0) | 2023.03.02 |
| [초보자용 / 북클럽 스킨] 티스토리 블로그 자동 목차 표시하는 방법 (0) | 2023.03.02 |
| [CSS & HTML 팁] 박스모델 속성편: margin(마진), padding(패딩), Border(보더) (1) | 2022.12.30 |
| 티스토리 인용구 따옴표 닫기 기능 추가하는 방법 (0) | 2022.12.29 |
| 티스토리 북클럽 모바일 화면에서 제목 잘려서 보이는 경우 CSS 수정하는 방법 (0) | 2022.12.29 |
| 티스토리 북클럽(Book Club) 스킨 글자(폰트) 크기 및 색상 변경하는 방법 (0) | 2022.12.28 |
| [티스토리 북클럽 스킨] 포스팅 본문 제목 영역 폰트, 크기, 배경 이미지 편집하는 방법 (1) | 2022.12.22 |
댓글