Built and fact-checked by the DocNectar team — see our editorial standards
Key Features
Instant Calculation
Get accurate results in real time with our optimized algorithm.
Mobile Friendly
Fully responsive design. Works on all devices & screen sizes.
Privacy Focused
Your data stays on your device. We don't store any inputs.
100% Free
No hidden costs. This tool is completely free forever.
A page's heading tags (H1 through H6) form an outline that both search engines and screen reader users rely on to understand the page's structure — a missing H1, multiple H1s, or a skipped level (like jumping from H1 straight to H3) can all make that outline confusing.
This tool fetches a live URL and checks its heading structure for these common issues.
How it works
Enter a page URL. The tool safely fetches the page, collects every H1-H6 tag in document order, and checks whether there's exactly one H1 and whether any heading level is skipped along the way.
- Enter page URL.
- Click Calculate to see your results.
Examples
A well-structured page
A page with one H1, followed by H2s for major sections and H3s nested under them, passes both checks with no issues.
Who should use it
- Auditing a page's accessibility and SEO heading structure before or after publishing.
- Debugging a confusing page outline reported by an accessibility review.
Industry applications
- Web accessibility (WCAG compliance)
- SEO and content marketing
Advantages
- Checks the real, live page — not just a static copy of your HTML.
- Flags two of the most common and impactful heading structure issues in one pass.
Limitations
- Doesn't evaluate whether heading text itself is well-written or keyword-appropriate — only checks structure.
Common mistakes to avoid
- Using heading tags for visual styling (like making text bigger) rather than to reflect the page's actual content structure.
- Skipping heading levels to achieve a particular visual size rather than using CSS for styling and headings for structure.
Best practices
- Use exactly one H1 per page, and nest H2/H3/etc. in order to reflect the page's actual content hierarchy, adjusting visual size with CSS rather than by choosing a different heading level.
Tips
- Browser accessibility tools (like your browser's built-in accessibility inspector) can show you the same heading outline this tool checks — useful for visually confirming structure issues.