# Heading Hierarchy Auditor Audit heading structure from a live URL or pasted HTML, then flag skipped levels, multiple h1 usage, style-only heading abuse, and title metadata drift > Canonical page: https://elysiatools.com/en/tools/heading-hierarchy-auditor - **Category:** Validation - **Keywords:** heading hierarchy, html headings, h1, seo, semantic audit, content structure ## Overview Paste HTML or provide a page URL to inspect heading semantics rather than visual reading order. The report surfaces skipped heading levels, multiple h1 nodes, likely style-only heading misuse, empty headings, and whether the main h1 drifts away from the document title or Open Graph title. How to use it: - HTML Input: paste raw markup for deterministic checks - Page URL: fetch a live page when you want to inspect the published structure - Compare With Metadata Titles: checks the primary heading against \`\` and \`og:title\` - Show Fix Suggestions: includes a suggested heading level or replacement strategy for each node What the report highlights: - A visual hierarchy tree for h1-h6 nodes - Heatmap-like severity distribution across headings - Suggested replacement level for each heading node - Multiple h1 and skipped-level warnings - Likely style-only UI labels disguised as headings - Detachment between h1 and metadata titles ## Inputs - **HTML Input** (textarea): # Pricing ### Plans ## FAQ - **Page URL** (text): https://example.com - **Compare With Metadata Titles** (checkbox) - **Show Fix Suggestions** (checkbox) ## When to use - When auditing a website's SEO and accessibility structure to ensure headings follow a logical, nested order. - When preparing to launch a new landing page and verifying that UI labels are not incorrectly marked up as heading tags. - When troubleshooting metadata drift where the main H1 tag does not match the page title or Open Graph title tags. ## How it works - Paste your raw HTML markup into the input field or provide a live page URL to fetch the published document structure. - Enable metadata comparison to cross-reference your primary H1 heading against the document title and Open Graph title tags. - Run the audit to generate a visual hierarchy tree, highlighting skipped levels, duplicate H1s, and style-only heading elements alongside actionable fix suggestions. ## Use cases - Auditing landing page templates to ensure clean semantic structure before deploying them to production. - Verifying that blog posts and articles maintain a strict nested heading outline for optimal SEO and screen reader accessibility. - Identifying and correcting duplicate H1 tags and empty heading elements generated by visual page builders. ## Frequently asked questions ### What is heading hierarchy drift? It occurs when the main H1 heading on a page differs significantly from the HTML title tag or Open Graph title metadata. ### Why are skipped heading levels a problem? Skipped levels, such as jumping from an H1 directly to an H3, disrupt the logical reading order for screen readers and search engine crawlers. ### How does the tool detect style-only heading abuse? It flags short, isolated headings or buttons wrapped in heading tags that function as UI labels rather than structural content headers. ### Can I audit a page that is behind a login or on a local server? Yes, by copying the raw HTML source code from your browser and pasting it directly into the HTML Input field. ### Does the auditor suggest how to fix heading errors? Yes, when the fix suggestions option is enabled, the report provides recommended heading levels or replacement strategies for each flagged node. ## Related tools - [Screen Reader Simulation Tester](https://elysiatools.com/en/tools/screen-reader-simulation-tester): Simulate the reading order and spoken semantics a screen reader may expose from a URL or raw HTML, then flag likely accessibility gaps - [HTML Attribute Extractor](https://elysiatools.com/en/tools/html-attribute-extractor): Extract specified attributes (href, src, data-*, etc.) from HTML content with tag name filtering support - [Image Source Extractor](https://elysiatools.com/en/tools/image-source-extractor): Extract image URLs (src attributes) from HTML source code. Supports lazy-loaded images and srcset attributes. - [Meta Tag Extractor](https://elysiatools.com/en/tools/meta-tag-extractor): Extract and analyze meta tags, Open Graph, Twitter Cards, and structured data from web pages - [HTML Tag Stripper (HTML标签清除)](https://elysiatools.com/en/tools/new-html-tag-stripper): Remove HTML tags from code and extract clean text content - [PDF Table Extractor to CSV/JSON](https://elysiatools.com/en/tools/pdf-table-extractor-to-csv-json): Extract tables from PDFs with OpenDataLoader and export them as structured JSON, flat CSV, or HTML tables - [Webpage to Markdown Converter](https://elysiatools.com/en/tools/webpage-to-markdown-converter): Fetch a live web page by URL and convert it to clean Markdown — headings, links, lists, code and optionally images and tables — with reader-mode junk stripping. - [AsciiMath LaTeX MathML Equation Converter](https://elysiatools.com/en/tools/asciimath-latex-mathml-equation-converter): Convert equations between AsciiMath, LaTeX and MathML: auto-detect the input format, produce canonical LaTeX, presentation MathML with an embedded TeX annotation, a best-effort AsciiMath back-translation, a screen-reader aria-label snippet (role=math), and a KaTeX HTML preview. ## Samples - [Contentful Cloud-based CMS Samples](https://elysiatools.com/en/samples/contentful-samples): Comprehensive Contentful examples covering content modeling, API integration, webhooks, migrations, and frontend integration patterns - [HTML with Images Samples](https://elysiatools.com/en/samples/html-with-images): HTML source code samples with images for testing extraction - [JWT Samples](https://elysiatools.com/en/samples/jwt-samples): Comprehensive JWT examples from basic token structure to advanced security implementations - [Sanity CMS Samples](https://elysiatools.com/en/samples/sanity-samples): Comprehensive Sanity examples covering real-time content management, Studio customization, API integration, and deployment patterns