Heading Level Skips: How to Repair H1-H6 Hierarchy
Direct Answer
A heading-level skip occurs when a new subsection jumps downward in rank, such as H2 directly to H4. Review the content outline and use the next logical heading level for nested sections. Moving upward, such as H4 back to H2 when closing subsections, can be completely valid.
Documentation
What this finding means
Site SEO Audit reports heading_level_skips when it detects one or more downward jumps in the heading outline. A typical example is an H2 followed by an H4 without an H3 that establishes the intermediate subsection.
This is a structural review signal. It does not mean every numerical change in heading level is wrong.
Why downward skips deserve review
W3C WAI guidance recommends nesting headings by rank because headings communicate the organization of the page. A downward skip can make a subsection appear to be nested under a level that was never introduced, which may be confusing for users who navigate by headings.
The problem is semantic structure, not visual size. A designer may choose H4 because it looks smaller, but the heading level should describe the relationship between sections.
Upward jumps can be correct
An outline does not have to descend and return one level at a time. For example, an H4 can be followed by H2 when several nested subsections have ended and a new top-level section begins.
Therefore, do not “fix” every H4 → H2 transition. Focus on downward creation of a subsection that skips an expected parent level.
How to repair the hierarchy
First write the page outline in plain text: main topic, major sections, subsections, and deeper subsections. Then assign H1–H6 according to those relationships.
If content under an H2 contains a subsection, use H3. If that H3 has its own subsection, use H4. Use CSS classes to achieve the visual design rather than selecting a heading number for font size.
Verify the fix
Inspect the rendered DOM and list the headings in order. Confirm that new nested sections descend one level at a time and that upward transitions reflect the closing of subsections. Re-run the audit and check that heading_level_skips is resolved.
Questions & Answers
Is H2 followed by H4 always a problem?
It is a strong reason to review the outline because an intermediate level is missing. If the H4 is truly a child subsection, it should normally be H3. If the visual design is the only reason for H4, keep the semantic level and change the styling instead.
Is H4 followed by H2 a heading skip?
It can be a valid transition. Moving from H4 back to H2 may simply close nested subsections and start a new major section.
Do heading levels have to match font sizes?
No. Heading levels communicate structure. Font size and visual appearance should be controlled with CSS.
Will repairing heading hierarchy directly improve rankings?
No direct ranking outcome is guaranteed. The fix improves semantic structure and accessibility and makes the document outline easier to understand.
Practical Check
- Extract the page's H1–H6 headings in DOM order.
- Identify downward jumps such as H2 → H4.
- Confirm the intended parent/child relationship before changing markup.
- Use the next logical level for nested subsections and CSS for visual sizing.
- Re-run the audit and verify
heading_level_skipsis gone.