HTML Heading Analyzer
List every H1 to H6 in a page in document order and flag missing H1s, duplicate H1s and skipped levels.
0 headings found
- No H1 found - every page should have exactly one H1.
Runs in your browser. Nothing you enter is uploaded.
What it does
Headings are the outline screen reader users jump through and the section map search engines read. This analyzer pulls each h1 to h6 element out of pasted HTML, strips inner tags such as spans and links, and lists the headings in the order they appear, each with its level badge.
An issues box above the list flags three problems: no H1, more than one H1 (with the count), and any step down that skips a level, such as H2 followed by H4. Moving back up, from H4 to H2, is not flagged because that is normal when a new section starts. Use it after a theme change or before publishing a long article.
How to use it
- 1
Copy the page HTML from View Source, the DevTools Elements panel or your CMS HTML view.
- 2
Paste it into HTML source (paste page HTML).
- 3
Check the number of headings found and the SEO issues box.
- 4
Read down the list of H-level badges to review the outline.
- 5
Fix the template or content, then paste again to confirm the issues clear.
What you get
A count of headings found, an SEO issues list (missing H1, multiple H1s, each skipped level), and an ordered list of every heading with its text and level.
When to use it
- Theme and page builder audits
- Themes often wrap the logo, sidebar widgets or footer titles in heading tags. Pasting the rendered source shows them in the outline.
- Long article outline check
- Read the list of badges to confirm each H3 sits under a relevant H2 before an article goes live.
- Accessibility review
- Skipped levels break the navigation screen reader users rely on, and each one is listed as its own issue.
- Reviewing a competing outline
- Paste a ranking page's source to see how it structures the topic, without copying any of its text.
Example
Input
<h1>Trail Running Shoes</h1> <h3>Best for mud</h3> <h2>Sizing <span>guide</span></h2> <h2></h2>
Output
3 headings found SEO issues: Skipped heading level: H1 to H3 H1 Trail Running Shoes H3 Best for mud H2 Sizing guide
The empty H2 is ignored, the span inside the second H2 is stripped, and the move from H3 back up to H2 is not reported.
Tips
- Headings added by JavaScript after load are missing from View Source. On client-rendered sites, copy from the DevTools Elements panel.
- A heading that contains only an image, such as a logo H1, has no text and is skipped, so check those by hand.
- Pick heading levels by structure, not by font size, and style them with CSS.
Questions
Does going from an H4 back to an H2 count as an error?
No. Only steps down that skip a level, such as H2 to H4, are flagged. Returning to a higher level is how a new section begins.
Is having more than one H1 actually a problem for Google?
Google has said it can handle several H1s. The tool flags them because a single H1 keeps the page topic clear for readers and assistive technology, and multiple H1s are often a theme mistake rather than a choice.
Why is my H1 not showing up in the list?
Either it contains no text once inner tags are removed (an image-only logo, for example) or it is added by JavaScript and absent from the HTML you pasted.
Can I check a heading outline by entering a URL?
No. The analyzer only reads pasted HTML and fetches nothing, so copy the source from your browser first.