Heading Extractor

Paste HTML to extract and visualize all heading tags (H1–H6) as an indented hierarchy. Identify missing H1s, multiple H1s, and skipped heading levels instantly.

Paste HTML Source

Heading Structure

Show level badge

Paste HTML above to see heading structure.

Frequently Asked Questions

Best practice and Google's general guidance is to have one H1 per page. The H1 should clearly state the main topic of the page and ideally include the primary keyword. Having multiple H1s is not a direct ranking penalty, but it can dilute the topical focus signal and confuse both users and search engines about the page's primary subject.

Skipped heading levels occur when you jump from H1 to H3 without an H2, or from H2 to H4. This is a WCAG accessibility violation that confuses screen reader users who navigate by headings. While Google does not penalize for this, it reflects poor content structure. Logical heading hierarchy (H1 → H2 → H3) helps both users and search engine crawlers understand content organization.

They should be similar but don't need to be identical. The title tag (shown in search results) is often optimized for click-through rate and includes the brand name. The H1 is shown to the user on the page and should clearly state the topic. Using the same primary keyword in both reinforces topical relevance.

Heading tags are a moderate on-page SEO factor. They signal content structure and keyword relevance. H1 carries the most weight, followed by H2, H3, etc. Using target keywords in H2 subheadings that match common search queries can help those sections appear in Google's featured snippets and "People Also Ask" boxes.

How It Works

Paste HTML

Paste the HTML source of any page. Use Ctrl+U (or Cmd+U) in your browser to view the page source, then copy and paste.

Heading Extraction

JavaScript parses the HTML with DOMParser and queries all H1–H6 elements in document order, preserving the natural reading sequence.

Visual Hierarchy

Headings are displayed as an indented tree with color-coded levels. Issues (missing H1, multiple H1s, skipped levels) are flagged with alerts.

Common Use Cases

On-Page SEO Audit

Verify that every page has exactly one H1, that it contains the target keyword, and that H2s cover the main subtopics you want to rank for.

Accessibility Review

Check that heading levels are not skipped, which is a WCAG 2.1 accessibility requirement that benefits screen reader users who navigate by headings.

Content Structure Planning

After writing a page, use this tool to visualize the content outline and ensure it follows a logical hierarchy that matches user intent and search query structure.

Competitor Content Analysis

Extract the heading structure of top-ranking competitor pages to understand how they organize their content and which subtopics they cover in their H2s and H3s.

Writer Guidelines

Use the extracted heading tree as a content brief or outline template for writers, ensuring they follow the correct structure and cover all required subtopics.

Featured Snippet Optimization

Check that your H2 subheadings directly answer common "People Also Ask" questions for the target keyword to increase your chances of winning featured snippets.