Why It Matters

A logical heading structure provides an automated outline for web crawlers, accessibility screen readers, and AI answer engines. It enables human readers to scan key sections rapidly while allowing search algorithms to parse topic relationships and extract featured snippet answers.

Hierarchy Guidelines

  • <h1> Document Title: The primary subject of the page (limit to exactly 1 per page).

  • <h2> Main Section Headings: Divides content into major thematic sub-topics across the article.

  • <h3> Sub-Section Headings: Breaks down specific sub-points nested directly under an H2 theme.

  • <h4>–<h6> Micro-Headings: Reserved for deep technical documentation or granular nested technical lists.

Common Mistakes to Avoid

  • Avoid Skipping Heading Levels: Never jump directly from an H1 to an H3 without an intervening H2 section, as this breaks document tree validation for assistive technology and crawlers.

  • Separate Styling from Semantics: Do not use heading tags solely to make text big or bold. Use CSS styling classes for visual design adjustments while keeping HTML elements strictly semantic.