Heading Hierarchy Analyzer

A heading hierarchy is the nested outline formed by a page's <h1> through <h6> elements. The rank number signals depth, not just visual size: an <h1> is the page's single top-level title, <h2> marks major sections, <h3> marks subsections inside an <h2>, and so on. Well-formed structure means exactly one <h1>, and each step down moves at most one level deeper, so jumping straight from an <h2> to an <h4> leaves a gap. This tool requests the URL you supply, reads the HTML the server returns, and collects every heading element with its rank and trimmed text (capped at 200 characters per heading). It then tallies how many headings sit at each level and runs three structural checks: zero <h1> elements, more than one <h1>, and any level that is more than one deeper than the previous heading. The outline matters because screen readers let users jump heading to heading, and a skipped level or absent <h1> breaks that navigation. Search crawlers also lean on headings to understand topic structure. Note that the tool only sees the markup the server sends, so headings injected later by JavaScript will not appear.