Heading hierarchy that matches the real page outline

Short answer: Headings should outline the page logically—one H1, H2s for major sections, H3s for subsections—skip levels only when the outline still makes sense structurally.

Random headings chosen for font size alone breaks navigation for assistive tech and confuses everyone.

Authoring rules

• Title case is not a heading strategy—semantics are.
• Cards and accordions still need sensible heading levels inside.
• Hero slogans are not always H1s—sometimes a styled paragraph is correct.

SEO relationship

Clear headings help crawlers understand sections; they do not replace good copy.

QA habit

Run an outline bookmarklet or accessibility scanner before launch.

Frequently asked questions