헤딩 태그 (Heading Tag)
Heading Tag(헤딩 태그)는 HTML에서 콘텐츠의 제목과 소제목을 정의하는 태그로, H1(가장 상위)부터 H6(가장 하위)까지 6단계의 계층 구조를 제공합니다.
Heading Tag(헤딩 태그)는 HTML에서 콘텐츠의 제목과 소제목을 정의하는 태그로, H1(가장 상위)부터 H6(가장 하위)까지 6단계의 계층 구조를 제공합니다.
왜 중요한가
헤딩 태그는 검색엔진이 페이지의 주제와 콘텐츠 구조를 이해하는 핵심 신호입니다. 잘 구성된 헤딩 계층은 크롤러에게 "이 페이지가 무엇에 대한 것이고, 어떤 하위 주제를 다루는지"를 명확히 전달합니다. 사용자 측면에서도 헤딩은 콘텐츠 스캔의 핵심 요소입니다. 웹 사용자의 약 80%는 전체 글을 읽지 않고 헤딩과 볼드 텍스트를 훑어보며 원하는 정보를 찾습니다. AI 검색 시대에는 LLM이 콘텐츠를 파싱할 때 헤딩 구조를 활용하여 특정 쿼리에 대한 답변을 추출하므로, GEO 관점에서도 중요합니다.
헤딩 태그 계층 구조
| 태그 | 역할 | 사용 규칙 |
|---|---|---|
| H1 | 페이지 메인 제목 | 페이지당 1개만 사용 |
| H2 | 주요 섹션 제목 | 본문의 큰 주제 구분 |
| H3 | H2 하위 소제목 | H2 아래 세부 주제 |
| H4~H6 | 더 세부적인 하위 계층 | 필요할 때만 사용, 과도한 중첩 지양 |
H1은 책의 제목, H2는 챕터 제목, H3는 챕터 내 소단원에 해당합니다.
올바른 헤딩 사용법
- 논리적 순서 준수: H1 → H2 → H3 순서로 사용합니다. H2 없이 H3를 쓰거나, H1 바로 다음에 H4를 쓰는 건 구조가 깨집니다.
- H1은 페이지당 하나: H1은 페이지 전체의 메인 주제를 나타내므로, 하나만 사용합니다. HTML5에서 기술적으로 복수 H1이 허용되지만, SEO 관점에서 1개가 권장됩니다.
- 핵심 키워드 포함: H1에 페이지의 주요 키워드를, H2/H3에 관련 키워드와 롱테일 변형을 자연스럽게 포함합니다.
- 설명적이고 구체적으로: "소개"나 "결론" 같은 포괄적 표현 대신, "B2B 콘텐츠 마케팅의 3가지 핵심 전략"처럼 구체적으로 씁니다.
- 키워드 스터핑 금지: 헤딩에 키워드를 억지로 반복하면 사용자 경험과 SEO 모두 해칩니다.
흔한 실수
- 스타일링 목적으로 사용: 글씨를 크게 만들기 위해 H2를 쓰는 것은 잘못된 용법입니다. 스타일은 CSS로 처리합니다.
- 계층 건너뛰기: H2 → H4처럼 계층을 건너뛰면 크롤러가 구조를 올바르게 파싱하지 못합니다.
- 헤딩 과다 사용: 2~3문장마다 H3를 붙이면 오히려 구조가 파편화됩니다. 의미 있는 주제 전환에만 사용합니다.
- H1 누락: CMS에 따라 H1이 자동 생성되지 않는 경우가 있습니다. 반드시 페이지에 H1이 존재하는지 확인합니다.
Sources:
- SEO Best Practices for Headings — Google Search Central
- Header Tags for SEO: What They Are & How to Use Them — Semrush
- Heading Tags: What They Are & Why You Need Them — Ahrefs
관련 인블로그 게시물
inblog에서 활용하기
inblog 에디터에서 H2, H3 등 헤딩 태그를 쉽게 지정할 수 있으며, 자동 목차(ToC)가 헤딩 구조를 기반으로 생성됩니다. 포스트 작성 시 H2로 주요 섹션을, H3으로 세부 내용을 구조화하면 검색엔진 최적화와 독자 경험을 동시에 개선할 수 있습니다. 타겟 키워드를 H2/H3에 자연스럽게 배치하는 것이 핵심입니다.