Real Data · Real Clients
Most people treat heading tags as a design choice — pick a size that looks right and move on. But heading tags (H1 through H6) are structural elements that search engines rely on to understand how your content is organised. Your SEO heading structure is essentially a table of contents that Google reads before deciding how to rank your page. Get it wrong, and you’re sending confusing signals about what your page is actually about.
We built this heading structure checker because we kept running into the same problem. A developer would hand over a website that looked great visually, but the SEO headings hierarchy underneath was broken — H2 followed by H5, multiple H1 tags, heading levels skipped entirely. These are invisible mistakes that silently damage rankings. This tool makes them visible in seconds so you know exactly where to look and what to change.
When you enter a URL, the tool fetches the page, extracts every heading tag from H1 through H6, and maps them into a nested hierarchy — the same way search engines read them. Any heading that breaks the SEO heading structure turns red in the tree, with a badge explaining the exact issue. Below the hierarchy, you get every problem listed with a plain-English fix.
Specifically, it checks for missing H1 tags (every page needs exactly one), multiple H1 tags (having more than one confuses Google about the primary topic), skipped heading levels (jumping from H2 straight to H4 or H5 without the levels in between), orphaned headings (using an H4 when there’s no H3 on the page at all), and headings that appear out of the expected order.
There are a handful of SEO heading rules that apply to every page on every website, regardless of industry or platform. These aren’t suggestions — breaking any of them creates structural problems that search engines penalise in the form of lower rankings and missed indexing opportunities.
The H1 tag tells search engines and users the single primary topic of the page. Every page should have exactly one H1, and it should appear before any other heading in the content. Multiple H1 tags split the page's topic signal and confuse crawlers about what the page is really about. If your theme or page builder is generating extra H1 tags (common in WordPress headers and widget areas), find them and change them to H2s.
Headings must step down one level at a time. H1 is followed by H2. Inside an H2 section, sub-headings are H3. Inside an H3, sub-headings are H4. You can always jump back up (going from H3 back to H2 to start a new section is fine), but you should never skip downward. Going from H2 to H4 or H2 to H5 breaks the SEO headings hierarchy and tells search engines there is missing structure between those points.
This is the most commonly broken SEO heading rule we see. A developer wants text to look a certain size, so they use an H4 or H5 tag instead of styling a proper H3 with CSS. The heading tag should always reflect where the content sits in the hierarchy. CSS handles the visual size separately. When heading tags are chosen for appearance rather than structure, the entire document outline becomes meaningless to search engines.
A heading should clearly describe the content that follows it. Vague headings like "More Info" or "Details" waste an opportunity to signal relevance to search engines. Each heading is a chance to reinforce what the section is about using natural, descriptive language that aligns with what people are actually searching for.
H2 What Makes a Great Coffee Shop
H3 Bean Quality and Sourcing
H3 Atmosphere and Seating
H2 Our Top 10 Picks
H3 1. Takk Espresso Bar
H3 2. Foundation Coffee House
H3 What Makes a Great Coffee Shop ← skipped H2
H5 Bean Quality ← skipped H4
H1 Our Top 10 Picks ← duplicate H1
H4 Takk Espresso Bar ← skipped H2, H3
Think of it like a book. The H1 is the title. H2s are chapter titles. H3s are sections within chapters. No author would write a book where Chapter 1 jumps straight into a sub-sub-section with nothing in between. Your page should follow the same logic.
For local businesses, on-page SEO fundamentals like heading structure directly influence whether you appear in the map pack and organic results for your area. A plumber’s service page with a clear H1 (“Emergency Plumber in Leicester”), H2s for each service type, and H3s for specific details gives Google a structured understanding of what the business does and where. Broken heading hierarchy on these pages is leaving local rankings on the table. If you’re working on local SEO, checking your heading structure should be one of the first things you do.
Product pages often have the worst heading structure because templates generate headings automatically — review sections, related products, and upsell widgets all add their own heading tags. The result is a heading hierarchy that jumps levels, duplicates H1s, and creates an outline that has nothing to do with the actual product. Run your key product page URLs through this tool and you’ll likely find issues your template is creating behind the scenes.
After auditing hundreds of websites as an SEO and web design agency, certain heading structure problems come up again and again.
The most frequent is developers choosing heading tags for visual sizing. They want text to appear a certain way, so they pick H4 or H5 instead of applying CSS to an appropriate H2 or H3. This single mistake accounts for most of the broken SEO headings hierarchy we encounter.
WordPress themes and page builders are another major source. Sidebar widget titles are often coded as H3 or H4, footer columns use H4s, and some themes apply H1 to the site name in the header — giving every page on the site two or more H1 tags by default. If your website was designed with a page builder like Elementor or Divi, it’s worth checking what heading tags those elements are generating.
The third pattern is no headings at all. Some pages — especially older ones or ones built with custom HTML — use bold text or large font sizes to visually indicate sections but never actually use heading tags. Search engines can’t see visual styling; they need the HTML heading tags to understand the page structure. If the heading structure checker shows zero headings on your page, that’s a critical fix.
Once the tool highlights the errors, fixing them is usually straightforward. In WordPress, open the page in the editor, click on the heading block, and change the heading level from the toolbar dropdown. For headings generated by theme elements (widgets, footers, headers), you may need to edit the template or use the theme customiser to change the tag. In some cases, custom CSS can restyle a correctly-tagged heading to look however you need without breaking the hierarchy.
The key principle behind all SEO heading rules is simple: headings should always reflect the content hierarchy, never the visual design. If you follow that one rule, most heading structure problems disappear.