Skipped heading levels: when H1 jumps to H3
Heading levels (H1 through H6) form a hierarchy. Skipping from H1 to H3 (no H2 in between) breaks the document outline that screen readers and crawlers rely on. Restore the missing intermediate level.
Heading levels (H1 through H6) form a hierarchy. Skipping from H1 to H3 (no H2 in between) breaks the document outline that screen readers and crawlers rely on. Restore the missing intermediate level. A page outline should look like H1 > H2 > H3 with no gaps. Going H1 > H3 means the H3 has no parent section. This often happens when editors pick a heading level for visual size rather than structural meaning.
Last updated·
What it is
A page outline should look like H1 > H2 > H3 with no gaps. Going H1 > H3 means the H3 has no parent section. This often happens when editors pick a heading level for visual size rather than structural meaning.
Why it matters
Screen reader users navigate by heading and rely on the level to understand structure. Crawlers parse the outline to identify topic sections — a broken outline means lost ranking opportunities for sub-topics.
How to fix it
- Restore the missing level. If you went H1 → H3, either change the H3 to an H2 or add an H2 above it that describes the parent section.
- Stop using headings for visual size. Editors should pick the heading level based on outline position, not visual styling. If you need big text, use CSS.
- Audit with Lighthouse Accessibility. The "heading-order" rule flags every skip. Group by template to fix at the source.
Authoritative sources
- Google Search Central documentation — Google
- Schema.org vocabulary — schema.org
- SEO Starter Guide — Google Search Central
- MDN — HTML meta and link elements — Mozilla MDN