<h1>

페이지의 가장 큰 주제를 선언하는 헤딩. 시리즈 #5에서 깊이 다뤘듯 — "한 페이지에 h1 한 개"는 명세 규칙이 아닌 경험칙이지만, 90% 이상의 경우 정답이다.

SEO 관점에서 h1은 title 다음으로 강한 단일 주제 신호. 구글의 알고리즘은 title + h1의 관계를 본다 — 두 텍스트가 같거나, 보완하거나, 한쪽이 한쪽의 변형이면 페이지의 주제가 명확하다고 평가. 완전 다르면 어느 쪽이 진짜 주제인지 추측해야 하고, 추측은 페이지의 ranking에 부정적이다.

GEO 관점에서 AI Overviews와 LLM은 페이지 주제를 title + h1 합성으로 판정한다. AI가 "이 페이지는 무엇에 대한가?"를 한 문장으로 요약할 때 — 둘이 일치하는 페이지는 답이 빠르고 정확. 어긋나면 주제 자체가 흐림.

AEO 관점에서 h1이 질문 형식이면 Featured Snippet 인용 후보가 된다. "GEO와 SEO의 차이는?" 같은 h1을 가진 페이지는 같은 질문 검색에서 답변으로 끌어올려진다.

A11y 관점에서 스크린리더의 헤딩 목록에서 h1은 맨 위. 사용자가 헤딩 목록을 띄우면 가장 먼저 h1을 본다 → "이 페이지의 주제는 X구나"를 인지하고 본문 안으로 들어간다. h1이 없으면 — 헤딩 목록이 책의 목차에서 책 제목이 빠진 상태가 된다.

자주 보는 안티패턴: 시각 강조용 h1(크게 보이고 싶다는 이유로 h1을 남발 — Tailwind text-6xl이면 충분), Next.js layout.tsx의 로고를 h1으로 박아 모든 페이지에 h1 두 개가 되는 케이스(가장 자주 보는 실수), 시각적으로 큰 텍스트를 h1으로 표시하면서 진짜 본문 제목도 h1으로 두는 경우.

홈페이지의 슬로건은 h1으로 정당 — 홈의 주제는 사이트 그 자체고, 슬로건이 그 주제의 한 줄 표현이기 때문이다. 다만 홈에 슬로건 h1 + 본문 제목 h1이 둘이면 안 됨. 둘 중 하나가 h1, 다른 하나는 큰 폰트 p 또는 h2.

div로 만든 가짜 h1 — 시각적으로 헤딩처럼 보이지만 시맨틱은 없는 경우. 스크린리더 헤딩 목록에서 사라지고, 검색엔진의 페이지 주제 평가에서도 사라진다. 시각 = 시맨틱이 아닌, 시맨틱이 시각의 기반임을 기억.