How to Fix Heading Structure for Accessibility and SEO
Headings are the outline of your page. Skipped levels and multiple H1s confuse screen readers and search engines alike. Here is how to get the hierarchy right.
Reviewed by Jacob Rhinehart for Strelva's co-founder; products and operations lead responsibilities.
Headings are not just big text; they are the structural outline of your page. Screen-reader users navigate by jumping from heading to heading, and search engines read the hierarchy to understand how your content is organised. When heading levels are skipped or scattered, both audiences get a broken table of contents.
The rules
Think of a page like a book outline. There is one title (the H1), major sections (H2s), and subsections under them (H3s). Levels should descend in order without skipping, and the structure should reflect the actual content, not the visual size you happen to want.
Step by step
- Map your current headings. Your audit shows the heading tree. Look for skipped levels and stray H1s.
- Use exactly one H1. The H1 is the page's main title. More than one muddies the structure.
- Stop skipping levels. An H1 should be followed by H2, not H3. If you jumped a level, demote the heading to the right one.
- Match levels to meaning. An H2 is a main section; an H3 belongs under an H2 as a subsection. Order them the way the content actually nests.
- Change the level, not the look. Heading level and font size are independent. If a correctly-levelled heading now looks too big or small, style it with CSS; do not change the tag back.
- Re-scan. Confirm no skipped-level warnings remain.
Why it is worth it
Clean heading structure makes your page easier to skim for sighted readers, navigable for screen-reader users, and clearer for search engines trying to understand your topic. It is one change that pays off for all three at once.
Frequently asked
What business owners ask next.
Can a page have more than one H1?
Stick to one. The H1 is the page's main title, and a single clear H1 is best for both screen readers and search engines. Use H2s and H3s for everything beneath it.
Changing an H4 to an H2 makes the text huge. How do I keep the size?
Heading level and visual size are separate concerns. Change the tag for correct structure, then use a CSS class to control how big it looks. The two do not have to move together.
Do headings actually affect SEO?
Yes. Search engines use heading structure to understand what a page is about and how it is organised. A logical hierarchy helps them, and helps human readers skim, at the same time.