Headings Tree
Visualize a web page's H1–H6 heading structure from any URL.
Visualize a Page's Heading Structure
Enter a URL and this tool fetches the page and lays out its H1–H6 headings as a nested outline. It reveals the document's structure at a glance and flags common heading problems.
What you get
- A nested tree of all H1–H6 headings
- Counts for each heading level
- A check for a single, present H1
- The full document outline in reading order
Why heading structure matters
Headings are the outline of your content. A logical hierarchy — one H1, then H2s and H3s nested beneath it — helps both readers and search engines understand what a page is about, and it is essential for screen-reader navigation.
Good heading hygiene
Use exactly one H1 for the page title, then nest H2s for major sections and H3s for subsections without skipping levels (for example, jumping from H2 straight to H4). A clean hierarchy improves accessibility and SEO alike.
How it's built
The page is fetched server-side, then its headings are parsed in reading order and nested by level: each heading becomes a child of the most recent heading above it with a smaller number. The result mirrors the outline assistive technology builds.
Frequently Asked Questions
Common questions about the Headings Tree.