본문 바로가기
블로그

티스토리 블로그 H1태그 1개만 설정하는 법

by 14dolphin2020 2022. 1. 15.
반응형

안녕하세요.

오늘은 티스토리 블로그에서 태그(H1)를 1개만 설정하는 법에 대해 알려드리겠습니다.

H1태그는 포스팅에서 가장 중요한 핵심 키워드들만 모아있는 내용으로, 티스토리에서는 주제라고 보시면 됩니다.

H1태그는 포스팅에서 1개를 꼭 가지고 있어야 하는 태그입니다.

 

H1태그가 중요하다는 이야기를 듣었는데, 글을 작성 후 기본 모드에서 HTML의 편집 모드로 들어가서 보면 H1 태그가 없습니다. 그래서 H1태그로 수정하시는 분들이 많은 것 같습니다.

 

기본모드에서 HTML 모드로 변경하기
편집모드 변경

 

목록

  1. H 태그들은 어떻게 쓸 수 있을까요?
  2. H1 태그 1개만 설정하는 법
  3. H1 태그 위치와 개수 확인하는 법

 

 

 

H 태그들은 어떻게 쓸 수 있을까요?

 

티스토리 블로그 글 작성 시, 제목 1, 제목 2, 제목 3 , 본문 1, 본문 2, 본문 3으로 구분하여 사용할 수 있습니다.

제목1~본문3 까지 설정
태그선택하기

참고로 H는 Highlight에서 따온 H로 강조하고 싶은 내용을 적고 싶을 때, 주제를 적기 위한 태그입니다.

 

제목 1 = H1 태그가 아닌 것을 주의해주세요.

 

제목 1, 제목 2, 제목 3을 사용했을 때 태그가 어떻게 입히는지 확인하시면요.

 

제목 1 = H2 태그

제목 2 = H3 태그

제목 3 = H4 태그

 

그럼 H1 태그는 어디에서 설정할 수 있는지가 의문입니다.

 

 

 

H1태그 1개만 설정하는 법

H1태그는 1개만 존재해야 하기 때문에, 글 제목에 자동으로 H1태그가 입혀집니다.

 

광고2

 

그래서 HTML로 소스로 들어가서, 제목 1~3에 입혀진 태그들을 H1으로 강제 수정하시면 안 됩니다.

 

이유를 설명드리겠습니다.

 

하나의 포스팅에는 제목, H1태그가 1개여야 하는데, 2개 이상이 되면 해당 포스팅의 주제가 무엇인지 구글 알고리즘에서 파악하기 어렵다고 합니다. 즉, 구글 노출을 목적으로 하신다면, 최소한 H1태그는 1개만 나 두시길 바랍니다.

 

 

H1 태그 위치와 개수 확인하는 법

정말 제목이 H1태그인지 확인해 봅시다.

 

포스팅을 발행해보고 "F12"키를 눌러보시면 확인이 쉽게 됩니다.

 

저는 이미 발행한 문서를 골라서 말씀드려보겠습니다.

 

대상으로 잡은 포스팅입니다.

테스트 블로그 포스트 내용
블로그 포스팅 예시

 

 

 

F12를 눌러서 소스코드로 이동해 봅시다.

 

그리고 Ctrl+F 를 눌러서 H1을 찾아보세요.

H1태그 찾기위한 소스코드 사진
H1태그찾기, 블로그 대문

 

하나가 나왔습니다.   쓸만한 정보모음

 

추가로 H1태그 찾기위한 소스코드 사진
H1 태그 찾기, 포스팅 본문

또 하나가 나왔습니다.

 

2023년 입시 변경되는 대입전형, 2022년 고3 필독

 

 

더 이상 추가로 나오지 않습니다.

 

H1태그는 1개만 나와야 하는데 2개가 나왔네요.

 

H1 태그 찾기
블로그 대문제목, 포스팅 제목

 

1개는 저의 티스토리 블로그 이름인 "쓸만한 정보모음"입니다.

 

또 하나는 포스팅의 제목인 "2023년 입시 변경되는 대입전형, 2022년 고3 필독"입니다.

 

일단 포스팅의 제목이 H1 태그로 잘 감싸 져서 발행되는 것을 확인했으니, 포스팅 본문에 억지로 H1태그를 넣으시면 안 됩니다.

 

"쓸만한 정보모음"의 경우 해당 포스팅을 감싸는 블로그 프레임에서 쓰는 H1 태그임으로 포스팅과 관련이 없어 이는 무시하셔도 됩니다.

 

즉 포스팅 1개에는 자동으로 제목이 H1태그로 감싸 져서 발행이 됨으로, 포스팅 본문에 H2, H3, H4 태그로 감싸진 제목 1, 제목 2, 제목 3을 억지로 H1으로 변경하시면 절대로 안됨을 알려드립니다.

 

 

짧게 정리하자면, 

H1 태그는 제목에 자동으로 설정됨으로 H1 태그를 따로 설정을 위한 노력은 하지 않으셔도 됩니다.

 

 

 

도움이 되셨으면 좋겠습니다.

 

 

감사합니다.

 

 

 

H 태그 사용법에 대해 추가 확인 글

반응형

댓글