<h2> — 헤딩 태그 도감 | 소요유(SOYOYU)

올바른 사용

h1의 하위 섹션 구분

page 안 main section의 표준 헤딩

한 페이지에 여러 개 가능 — 섹션마다

section/article의 aria-labelledby 타깃

블로그 글의 주요 챕터

<article>
  <h1>본문 제목</h1>
  <h2>도입</h2>
  <p>...</p>
  <h2>본론</h2>
  <p>...</p>
  <h2>결론</h2>
  <p>...</p>
</article>

h1 안에 같은 단계 h2 여러 개. 글의 챕터.

FAQ — question 헤딩

<section>
  <h2>주문 후 며칠 안에 배송되나요?</h2>
  <p>평일 기준 1-2일 안에 출고됩니다.</p>
  <h2>반품은 어떻게 하나요?</h2>
  <p>마이페이지에서 신청 가능합니다.</p>
</section>

질문 형식 h2가 Featured Snippet 인용에 직접 영향.

자주 보는 안티패턴

h1 없이 h2부터 시작

시각 크기 때문에 h3을 h2로 격상

div로 h2 흉내

FAQ 질문이 일반 p로 — h2여야 함

h1 없이 h2 시작

<main>
  <h2>섹션 1</h2>
  <h2>섹션 2</h2>
</main>

페이지 주제(h1)가 없는 상태에서 챕터부터 시작. 헤딩 목록의 부모 없는 자식.

시각 크기로 격상

<h2 className="text-sm">시각적으로 작은데 의미상 h2</h2>
<h3 className="text-4xl">시각은 큰데 의미상 h3</h3>

시각과 시맨틱이 어긋남. 스크린리더 사용자에게는 시각 무관 — h3 → h2 점프로 들림.

해설

페이지의 주요 챕터. h1이 페이지의 주제라면 h2는 그 주제의 하위 단원. 한 페이지에 여러 개가 자연스럽다 — 책의 챕터처럼.

SEO 관점에서 h2는 페이지의 주요 키워드 분배 영역. 본문 키워드가 h2에 자연스럽게 들어가면 — 구글이 이 페이지가 그 주제를 다룬다고 명확히 평가. h2 텍스트가 사용자 검색 쿼리와 매칭되는 케이스가 가장 흔한 SEO 유입 경로.

GEO 관점에서 AI는 페이지를 답변 가능한 작은 단위로 분해한다. 그 단위의 경계가 h2 + 본문 쌍. "이 글의 주요 포인트 3가지는?" 같은 질문에 AI가 답할 때 — h2 세 개의 텍스트를 그대로 인용한다. h2가 없으면 AI가 어디서 어디까지가 한 포인트인지 추측에 의존.

AEO 관점에서 h2의 영향이 가장 직접적이다. "질문 h2 + 50-300자 답변" 패턴이 Featured Snippet 인용 1순위. 구글이 페이지에서 답변 가능한 묶음을 찾을 때, h2 + 바로 다음 단락이 그 묶음의 표준 후보.

A11y 관점에서 스크린리더 헤딩 목록에서 h2가 챕터 목차. 사용자가 어느 챕터로 점프할지를 결정하는 단위. WebAIM 조사에서 시각장애 사용자의 ~67%가 헤딩 목록을 페이지 탐색 1순위로 활용 — 그중 가장 자주 점프되는 게 h2 단위.

자주 보는 안티패턴: h1 없이 h2부터(페이지에 주제 없이 챕터만 — 목차의 부모 없는 자식), 시각 크기 강제 격상(h3을 h2로 바꿔서 시각만 키우는 케이스 — 헤딩 위계가 깨짐), FAQ 질문을 일반 p로 두고 시각만 크게(가장 큰 AEO 손실 — 같은 질문을 h2로 마크업하면 인용 가능성이 즉시 올라간다), div로 만든 가짜 h2(헤딩 목록과 SEO 평가 모두에서 사라짐).

h1 → h2 → h3의 위계 점프 금지. h1 다음에 h3가 나오면 없는 h2의 하위로 들림. 시각 디자인이 큰 헤더 / 작은 헤더 / 작은 헤더처럼 보이더라도 — 시맨틱은 h1 / h2 / h3 또는 h1 / h2 / h2.

section + aria-labelledby 패턴에서 h2가 표준 타깃. <section aria-labelledby="features-h"><h2 id="features-h">주요 기능</h2>...</section>. 이 구조가 region landmark + 주요 챕터를 한 번에 만든다.

SEO·GEO·AEO·A11y 4축에서의 의미

SEO

GEO

AEO

A11y

올바른 사용

자주 보는 안티패턴

해설