Skip to main content

Check a page's heading structure

Paste a page's HTML and get an outline of every H1-H6 heading, with warnings for common issues.

What you type here never leaves your browser. The HTML you paste is parsed right there.

This uses the browser's own parser, so it copes fine with messy real-world markup.

Heading outline

I couldn't find any headings in this HTML.

How to use it

Each line in the outline is a heading, with its level and text, in the same order they appear in the HTML. The red warnings are the ones actually worth fixing, especially duplicate H1s and skipped levels.

Limitations

This analyses the HTML you paste, not the live page with its CSS or JavaScript. If your site generates headings dynamically, copy the HTML after it’s rendered (from "view source" after the page loads, or from your browser’s dev tools).

A clean heading hierarchy is part of on-page content work: it helps both skim-readers and Google.

Ask for a free review of your site.

A clean outline helps, but it won't fix everything. I can review the whole site if you'd like.