H1부터 H6까지의 제목 태그는 책의 목차처럼 문서에 논리적 계층 구조를 부여해, 사용자가 스캔하듯 읽어도 전체 흐름을 파악할 수 있게 하고 검색엔진도 각 섹션이 어떤 하위 주제를 다루는지 이해하도록 돕는다. 디자인팀이 폰트 크기를 조절할 목적으로 H2를 건너뛰고 H4를 쓰는 등 순서를 어기면 스크린 리더 사용자와 크롤러 모두에게 혼란을 준다. 실무에서는 CSS로 크기를 별도 조정하더라도 태그의 계층 순서(H1→H2→H3)는 항상 문서 논리 구조에 맞춰야 한다.
실무 적용 및 비즈니스 영향
- 가독성을 극대화하고 검색엔진이 문서의 섹션별 주제를 체계적으로 해석하도록 지원
구현 가이드 및 주의사항
- 디자인 폰트 크기 조절용으로 쓰지 말고 문서의 논리적 목차 순서에 맞게 순차 구성