H 태그란?: 티스토리 블로그 제목과 글 제목 H1 태그 중복 문제 해결 방법

티스토리 블로그를 처음 시작하게 되면 많이 사용하는 북클럽 스킨을 선택하게 되는 경우가 많다. 북클럽 스킨에 초기 설정이 구글SEO와 맞지 않는 부분이 존재하는데, 그 중에 문제가 되는 한가지로 블로그 제목이 H1 태그로 되어 있다는 것이다. 발행하는 글 제목도 H1 태그로 발행이 되면 구글서치콘솔에 글을 등록시에 H1 태그가 2개 존재한다는 경고메세지를 받게 된다. 간단히 해결할 수 있는 문제이기에 북클럽 스킨을 기준으로 오늘 블로그 제목과 글 제목이 중복되는 H1 태그 문제 해결 방법에 대해서 알아보겠다.
 

 
[목차여기]
 

H 태그란?

H 태그는 Heading의 약자로, 제목을 얘기할 때 사용하는 약어입니다. 티스토리에는 h1, h2, h3, h4까지 설정되어 있으며, 그 중 h1은 가장 중요한 글 제목이다. 티스토리에서는 h1(주제목), h2(제목1), h3(제목2), h4(제목3)으로 생각하면 된다.
 

북클럽 스킨 H1 태그 중복 문제 원인

티스토리 북클럽 스킨에서 h1 태그 문제는 블로그 타이틀도 h1인데, 글을 발행할 때 쓰는 제일 상단의 주제목도 h1으로 분류 셋팅이 되어 있어, 구글서치콘솔에 글을 등록하게 될 때, 구글SEO에 맞지 않는 h1 태그가 2개 발견이라는 경고 메세지가 발생된다. 결과값은 블로그 제목이 h1으로 인식하지 못하게 해주면 되며, 간단한 문제로 지금부터 순서대로 차근차근 변경하면 된다. 

HTML 편집 h1 태그 수정 방법

순서 1. (html 편집)

티스토리 관리자 홈으로 들어가서 좌측 꾸미기 목록에 스킨 편집으로 들어가서 나오는 html 편집으로 들어간다.

 

순서 2. (html 편집)

html 편집으로 들어가서 편집창에 커서를 나두고 Ctrl + F를 누르고 '<h1>' 이라고 작성한다.

 

순서 3. (html 편집)

<h1> 으로 검색하여 찾은 것 중에 https://wh-heungbu.tistory.com/ 를 감싸고 있는 <h1> 이 변경해줘야 할 부분이다.

 
53행(행은 개인마다 다 다를 수 있음)에 <h1>은 <p>로 62행에 보이는 </h1>은 </p>로 변경해준다.

 

순서 4. (html 편집)

변경이 완료되었다면 우측 상단에 있는 적용 버튼을 눌러주면 된다. 적용 버튼을 꼭 눌러줘야 반영이 된다.

CSS 편집 h1 태그 수정 방법

순서 1. (css 편집)

CSS로 들어가서 편집창에 커서를 놓고 Ctrl + F를 누르고 header h1을 찾아준다.

 

순서 2. (css 편집)

아래 보이는 3곳의 h1을 전부 p로 변경해주면 된다.

 
보이는 3곳의 h1 을 p 로 변경 완료한 상태

 

순서 3. (css 편집)

변경이 완료되었다면 우측 상단에 있는 적용 버튼을 눌러주면 된다. 적용 버튼을 꼭 눌러줘야 반영이 된다.

 
모든 게 완료된 상태이며, 인제 블로그 제목은 h1이 아닌 일반으로 변경된 상태이고, 본문 제목은 h1으로 인식하기에 h1 태그가 SEO 맞게 잘 설정되었다. 지금까지 h1 태그 설정에 대해서 알아보았고, 변경 완료하였으니 앞으로 좋은 글 쓰기만 남았다.
 

티스토리 블로그에 자동 목차 생성 기능 추가하기: 간편한 HTML 코드 삽입

티스토리 불법 복제 금지 콘텐츠 보호: 드래그 금지 HTML 코드 삽입 방법