티스토리 H태그 구조와 글자크기 설정법

티스토리 블로그를 시작하는 분들을 위해 H태그(H1~H4)의 정확한 구조와 글자 크기 설정 방법을 정리했습니다. 검색 노출에 중요한 핵심 팁을 담았어요.

H1 태그를 정확하게 써야 하는 이유

H1 태그는 한 글에서 단 하나만 존재해야 하며, 글의 주제를 가장 명확히 설명하는 문장이어야 합니다. 구글은 이 태그를 통해 글의 핵심 내용을 판단하기 때문에, 본문 내용과 어긋나는 H1은 검색 엔진에게 혼란을 줍니다.

비유하자면, 글의 H1은 택배의 라벨과 같습니다. 라벨이 잘못 붙어 있으면, 아무리 내용이 좋아도 독자에게 제대로 도달할 수 없습니다.

티스토리 글쓰기 창의 ‘제목1’, ‘제목2’, ‘제목3’은 겉보기엔 H1, H2, H3처럼 보일 수 있으나 실제 HTML 구조는 다릅니다.

티스토리에서는 글 제목 입력란이 자동으로 H1 태그로 지정됩니다. 따라서 본문에서는 H1 태그를 직접 사용할 수 없으며, 본문 내 ‘제목1’은 실제로는 H2, ‘제목2’는 H3, ‘제목3’은 H4로 처리됩니다.

구글 검색 로봇은 H1을 기준으로 글의 주제를 파악합니다. 본문에 H1이 중복되면 로봇은 “무엇이 핵심인지” 혼란스러워할 수 있습니다. 로봇이 혼란스러우면 글의 평가가 낮아지고, 검색 순위도 떨어질 수 있습니다.

H2~H4는 글의 구조를 구분하는 도구로 활용됩니다. 특히 정보형 포스트에서는 단계적으로 주제를 나누는 데 유용합니다. 단, 아래 순서를 지키는 것이 중요합니다:

H 태그의 구조는 맞았지만, 글자 크기가 작으면 가독성이 떨어집니다. 디자인을 망치지 않으면서 SEO도 잡으려면 CSS 수정이 필요합니다.

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-size: 1.3em;
}
.entry-content p {
  font-size: 1.1em;
}