- H2와 H3는 검색엔진이 글의 논리 구조를 파악하는 신호이며, 사용자는 이를 통해 원하는 정보를 빠르게 찾습니다.
- H2는 대주제, H3는 H2 안의 세부 항목으로 계층을 명확히 나눠야 하며, 단순 강조나 디자인 목적으로 쓰면 안 됩니다.
- 초보자는 H2를 너무 많이 쓰거나 H3 없이 H2만 나열하는 실수를 자주 하므로, 한 H2당 2~4개 H3 구조가 안정적입니다.
HTML의 제목 태그는 단순히 글자 크기를 키우는 도구가 아니라, 문서의 계층을 표현하는 구조 신호입니다. 검색엔진은 H2와 H3의 배치를 보고 글의 논리 흐름을 판단하며, 사용자는 제목만 훑어보고 필요한 부분으로 바로 이동합니다.
그래서 지금 뭘 하면 되는데요?
H2는 글 전체를 3~5개 대주제로 나누고, 각 H2 아래에 2~4개 H3로 세부 항목을 배치하세요.
결론적으로 H2 H3 구조 작성법이란, HTML 제목 태그를 논리적 계층에 맞게 배치해 검색엔진과 사용자 모두가 글의 흐름을 빠르게 이해하도록 만드는 설계 방식입니다. H2는 글 전체를 관통하는 대주제, H3는 그 안의 세부 항목을 담당하며, 이 계층이 명확할수록 크롤러는 콘텐츠 구조를 정확히 해석하고 사용자는 원하는 정보를 빠르게 찾습니다.
1. H2와 H3를 구분해야 하는 이유
H2와 H3는 단순히 글자 크기가 다른 태그가 아니라, 문서의 논리 계층을 표현하는 구조 신호입니다.
- 검색엔진은 H1 아래 H2들을 보고 글의 큰 흐름을 파악하며, H3는 H2의 세부 설명으로 인식합니다.
- 사용자는 제목만 스캔하면서 자신이 원하는 섹션을 찾으므로, 계층이 뒤섞이면 이탈률이 올라갑니다.
- 스크린 리더나 접근성 도구는 제목 태그 순서를 따라 문서를 읽기 때문에, H2 없이 갑자기 H3가 나오면 구조가 깨집니다.
제목 태그를 강조 도구로만 쓰면 검색엔진은 글의 우선순위를 잘못 해석하고, 사용자는 정보 위치를 예측하기 어려워집니다.
실무에서 수백 개 글의 구조를 검토하면서 가장 자주 본 문제는, H2를 디자인 목적으로 남발하거나 H3 없이 H2만 10개 이상 나열하는 경우였습니다.
2. H2와 H3 계층을 설계하는 원칙
H2는 글 전체를 3~5개 대주제로 나누고, 각 H2 아래에는 2~4개 H3로 세부 항목을 배치하는 것이 기본 골격입니다.
검색엔진은 H1을 글의 주제로, H2를 주제를 구성하는 하위 주제로 읽습니다. H3는 H2 안에서 세부 내용을 분류하는 역할을 하므로, H2와 독립적으로 존재하면 안 됩니다. 예를 들어 “SEO 최적화 방법”이라는 H2 아래 “키워드 배치”, “내부링크 전략”, “메타태그 설정”을 H3로 두면, 크롤러는 이 세 가지를 SEO 최적화의 하위 요소로 인식합니다.
- H2는 글 전체를 관통하는 큰 질문이나 단계를 담습니다. 보통 3~5개가 적정합니다.
- H3는 H2를 뒷받침하는 구체적 항목이나 방법론을 나열합니다. 한 H2당 2~4개가 안정적입니다.
- H4 이하는 특별히 복잡한 설명이 아니면 생략하거나, H3 안에서 리스트로 대체하는 편이 가독성이 좋습니다.
계층이 너무 깊어지면(H5, H6까지 사용) 오히려 사용자는 길을 잃고, 크롤러는 중요도를 판단하기 어려워집니다.
H2를 “개요”, “결론”, “요약” 같은 메타 제목으로만 채우면 실제 내용 계층이 드러나지 않아 정보 밀도가 낮아 보입니다.
H2 작성 시 흔한 실수
H2를 너무 많이 쓰거나, H2끼리 의미가 겹치거나, H2 없이 갑자기 H3부터 시작하는 경우가 대표적입니다.
- H2가 10개 넘어가면 글이 산만해 보이고, 검색엔진은 주제 집중도가 낮다고 판단할 수 있습니다.
- “방법”이라는 H2 안에 “구체적 방법”이라는 H3를 두면 제목이 중복되므로, H3는 “단계 1”, “단계 2” 같은 실제 항목으로 바꿔야 합니다.
- H1 바로 다음에 H3가 나오면 HTML 구조상 계층이 건너뛰어져 접근성 점수가 깎입니다.
여기서 대부분이 한 번 삐끗합니다. 이유는 제목을 “내용 구분”이 아니라 “강조 도구”로 착각하기 때문입니다.
H3 배치의 기준
H3는 H2가 던진 질문에 대한 구체적 답변이나, H2를 실행하는 단계별 항목을 담습니다.
- H2가 “키워드 리서치 방법”이라면, H3는 “도구 선택”, “경쟁 분석”, “우선순위 설정” 같은 실행 항목이 됩니다.
- H3가 H2와 같은 수준의 넓은 주제를 다루면 계층이 뒤섞이므로, H3는 항상 H2보다 좁은 범위여야 합니다.
- 한 H2 안에 H3가 1개만 있으면 굳이 H3를 쓸 이유가 없으므로, H2 본문에 흡수하거나 H3를 추가하세요.
H3 없이 H2만 나열하면 글이 평평해 보이고, 사용자는 세부 정보를 찾기 위해 본문을 전부 읽어야 합니다.
[Tamble Lab Note] 제목 태그는 책의 목차와 같습니다.
대주제(H2)만 있고 소주제(H3)가 없으면 목차가 너무 단순해서 원하는 페이지를 못 찾는 것과 같습니다.
초보자가 가장 많이 실패하는 지점은 H2를 강조 목적으로 남발하거나, H3 없이 H2만 10개 이상 나열하는 경우입니다.
Search Console 크롤링 통계에서 “페이지 체류 시간”과 “스크롤 깊이”를 확인하고, 이탈률이 높은 글은 제목 계층을 다시 점검하세요.
구조가 뒤죽박죽이면 검색 노출은 유지되더라도 클릭 후 이탈이 늘어나 장기적으로 순위가 밀립니다.
3. 제목 태그를 쓸 때 피해야 할 함정
H2와 H3를 디자인 도구로 착각하거나, 계층 없이 무작위로 배치하면 구조가 무너집니다.
- H2를 “진하게 보이려고” 쓰면 검색엔진은 글 전체가 여러 주제를 다룬다고 오해하고, 주제 집중도가 낮다고 판단할 수 있습니다.
- H3를 H2보다 먼저 쓰거나, H2 없이 H3만 여러 개 나열하면 HTML 구조 검증에서 경고가 뜨고 접근성 점수가 떨어집니다.
- 제목에 키워드를 과도하게 반복하면(예: “SEO 최적화”, “SEO 방법”, “SEO 전략”) 자연스러운 계층이 아니라 키워드 나열로 보입니다.
- H2나 H3에 “더 보기”, “자세히”, “추가 정보” 같은 모호한 표현을 쓰면 사용자는 클릭 전에 내용을 예측할 수 없어 스킵합니다.
- 한 글에서 H2 구조를 여러 번 바꾸면(예: 앞부분은 질문형, 뒷부분은 단계형) 일관성이 없어 보여 신뢰도가 낮아집니다.
이 글에서 다루는 것은 HTML 제목 태그의 계층 설계 원칙입니다. 제목 안에 들어갈 키워드 선정, 클릭률을 높이는 제목 문구 작성법, 제목 길이 최적화는 별도 주제이므로 여기서는 계층 구조에만 집중합니다.
👉 태그 구조만큼 중요한 것이 독자가 편하게 읽는 문단 길이입니다.
👉 검색 엔진과 독자가 모두 좋아하는 SEO형 본문 구성의 정석
출처
마지막 점검: 2025-01-08 기준
제목 태그는 사용자와 검색엔진 모두에게 글의 지도를 제공하는 도구입니다. H2로 큰 틀을 잡고, H3로 세부를 나누면 글이 논리적으로 읽히고 검색 성과도 안정적으로 유지됩니다. 구조를 먼저 설계한 뒤 본문을 채우는 습관을 들이면, 나중에 수정하는 시간을 크게 줄일 수 있습니다.