Heading Structure Checker (H1 H2)
This heading structure checker reads the raw h1 through h6 tags in the HTML you
This heading structure checker reads the raw h1 through h6 tags in the HTML you
How to use Heading Structure Checker (H1 H2)
- Paste your page HTML (or just the heading tags) into the box.
- Read the outline and the issues panel for a missing H1, extra H1s, skipped levels, or empty headings.
- Fix the flagged headings in your source, then paste again to confirm a clean hierarchy.
About Heading Structure Checker (H1 H2)
This heading structure checker reads the raw h1 through h6 tags in the HTML you paste and draws them as an indented outline, the way a screen reader or search crawler sees your page. It then flags the four issues that break a heading hierarchy most often: a missing H1, more than one H1, a skipped level (for example an H2 followed straight by an H4), and empty headings that have a tag but no text.
It works on plain string matching, not a full browser render. That keeps it fast and completely private, but it means you should paste the actual rendered HTML (view source or copy from your dev tools), not a URL, and headings built entirely by JavaScript after load will only show up if they are present in the markup you paste. Nested tags inside a heading, like a link or a span, are stripped so you see just the heading text.
Everything runs locally in your browser. Nothing you paste is uploaded, fetched, or stored, so you can safely check unpublished or internal pages. Use the outline to confirm one clear H1 and a hierarchy that steps down one level at a time.
Frequently asked questions
- What makes a good heading structure?
- Use exactly one H1 as the page title, then nest sections logically: H2 for main sections, H3 for subsections under an H2, and so on. Do not skip levels (an H2 should never jump straight to an H4), and never pick a heading level just for its font size.
- Why does it say I skipped a level?
- A skipped level means a heading jumps down more than one step, like an H2 directly followed by an H4. Screen readers and crawlers use levels to build an outline, so a gap makes the structure ambiguous. Either promote the deeper heading or add the missing intermediate level.
- Do I paste a URL or the HTML?
- Paste the HTML, not a URL. This tool does not fetch pages. Open your page, use view source or copy the element from browser dev tools, and paste the markup. You can also paste just the heading tags if that is all you want to check.
- Is more than one H1 always wrong?
- Modern HTML5 technically allows multiple H1s inside section elements, but for SEO and clarity most pages should have a single H1 that names the page. The checker warns on multiple H1s so you can confirm it is intentional.
- Is my content private?
- Yes. The tool runs entirely in your browser using plain text matching. Nothing you paste is sent to a server, logged, or stored, so it is safe for unpublished drafts and internal pages.
- Will it catch headings added by JavaScript?
- Only if those headings are present in the HTML you paste. Because it reads the markup as-is rather than rendering the page, headings injected by scripts after load will be missed unless you copy the final rendered DOM from dev tools.