H1, H2, H3: The HTML Heading Structure Guide for Business Owners and Marketers

If your developer or SEO has ever told you to “fix the heading structure” and you nodded along without really knowing what they meant, this guide is for you. HTML headings (H1, H2, H3, H4, H5, H6) are how every web page declares its structure to Google, to AI engines like ChatGPT and AI Overviews, and to assistive technology like screen readers. Getting them right is one of the easiest wins in SEO; getting them wrong is one of the most common reasons pages underperform despite “good content”. This is the explainer you can send to your clients, your designer, your developer, or your in-house marketer when they need to actually understand what heading structure is and why it matters.

What Are HTML Headings?

HTML headings are special tags in the underlying code of every web page that label the title and subtitles of the page. There are six levels, from most important (H1) to least important (H6). The browser usually styles them visually too — bigger, bolder text — but the actual SEO and accessibility value comes from the HTML tag, not the visual styling.

In code, headings look like this:

<h1>The main topic of the page</h1>
<h2>A major section under the main topic</h2>
<h3>A subsection inside that section</h3>

Critically, a heading is not just “any text that looks bigger”. Many WordPress themes style normal paragraph text to look like a heading, but Google reads the actual HTML tag, not the visual appearance. Real headings use the H1-H6 tags; styled paragraphs do not count.

Why Heading Structure Matters

Headings serve three audiences simultaneously, and getting them right helps all three at once:

• Google and search engines read headings as topical signals — what is this page about, what subtopics does it cover, how is the content organised. Headings are a major on-page SEO factor.
• AI engines (Google AI Overviews, ChatGPT, Perplexity, Claude) extract content from pages by looking at headings to identify self-contained answer sections. Well-structured pages get cited; structureless pages get skipped.
• Assistive technology — screen readers used by people with vision impairments rely on heading structure to navigate. Per the W3C Web Accessibility Initiative, users skip from heading to heading the way a sighted person skims with their eyes.

Headings also help your real human readers. Scanning is how almost everyone reads online, and clear headings let people find the section they need without reading the whole page.

The Six Heading Levels (And When to Use Each)

• H1 — the main title of the page. There should be exactly one H1, and it should describe the entire page in a single sentence or phrase.
• H2 — major sections of the page. Most articles have between 5 and 12 H2s.
• H3 — subsections inside a H2. Used when an H2 covers multiple sub-points that each need their own header.
• H4 — sub-subsections inside an H3. Used sparingly, usually for technical content with deep nesting.
• H5 and H6 — rarely needed on most business websites. Reserve for genuinely deep technical documentation.

For 95% of business pages — service pages, product pages, blog posts, contact pages — you should never need more than H1, H2 and H3.

The One-H1-Per-Page Rule

The single most important rule: every page should have exactly one H1.

The H1 is the page’s main topic statement. Having two H1s sends contradictory signals about what the page is about. Having zero H1s leaves the page without a topic statement at all. Both are confusingly common on WordPress sites because:

• Some themes wrap the site logo in an H1 tag, then the page title in another H1.
• Some page builders (Divi, Elementor) make it easy to drop multiple H1 modules into a page without realising.
• Some “hero” sections use an H1 for the headline, then the actual page title module also outputs an H1.

How to check: view your page in a browser, right-click → View Page Source, and search for “<h1”. You should see exactly one result. If you see more or none, your theme or page builder is doing something wrong. For more on auditing technical issues like this, see our guide to Screaming Frog.

Why Nesting Order Matters

Headings declare a hierarchical structure. Skipping levels breaks the hierarchy and confuses both screen readers and search engines. The correct nesting order:

H1: The page topic
  H2: First major section
    H3: Subsection of the first section
    H3: Another subsection of the first section
  H2: Second major section
    H3: Subsection
      H4: Sub-subsection
  H2: Third major section

What you cannot do: jump from H2 directly to H4, skipping H3 entirely. Per MDN’s heading element documentation, skipping levels is bad for accessibility and may confuse search engines.

Real Example: Good vs Bad Heading Structure

Bad structure (common on a service page):

H1: Welcome to ABC Plumbing
H1: Our Services           <-- second H1, breaks the rule
H2: Hot Water Repairs
H4: Same-Day Service       <-- skipped H3
H2: Blocked Drains
H3: Pricing
H1: Contact Us             <-- third H1

Good structure:

H1: Brisbane Plumbing Services for Homes and Businesses
H2: Our Services
  H3: Hot Water Repairs
    H4: Same-Day Service Areas
  H3: Blocked Drains
  H3: Bathroom and Kitchen Plumbing
H2: Service Pricing
H2: Service Areas
H2: Get a Quote

The good version has one H1 that names the page topic, H2s for the major sections, H3s nested correctly inside H2s, and one H4 for the most granular level. A screen reader user can navigate the page logically. Google can identify the topical structure. AI engines can extract specific subsections (like “Same-Day Service Areas”) as standalone answers.

Headings and SEO Keywords

Google reads heading text as a strong signal of what the page (H1) and each section (H2/H3) is about. The on-page SEO principles:

• Include the primary target keyword in the H1 in a way that reads naturally to humans. “Brisbane Plumbing Services” beats “Welcome to Our Website”.
• Use H2s to cover semantically related subtopics and questions. Front-loading the topic in each H2 (“How Much Does a Plumber Cost in Brisbane?”) lifts AI Overview citation rates.
• Avoid keyword-stuffing headings. “Plumber Brisbane Plumbing Plumbers Brisbane Best Plumber” is the kind of pattern Google’s helpful content algorithm targets.
• Make headings descriptive enough to stand alone. If a reader saw just the headings without the body content, they should still understand what the page covers.

For more on on-page SEO including title tags and meta descriptions, see our complete on-page SEO guide.

Headings and Accessibility (WCAG Compliance)

Web accessibility is not optional ethics; in Australia, the Disability Discrimination Act 1992 requires public-facing services to be accessible, and the Australian Human Rights Commission has confirmed websites are included. WCAG 2.1 Level AA requires that headings:

• Describe the topic or purpose of the section they introduce.
• Are programmatically marked up with the correct H1-H6 tags (not styled paragraph text).
• Are nested in a logical hierarchy without skipping levels.

Around 1 in 5 Australians live with a disability that affects digital experiences. Many use screen readers (JAWS, NVDA, VoiceOver) that read out headings and let users skip between them. A page with bad heading structure is functionally unnavigable for these users.

Headings and AI Search (Why It Matters More in 2026)

AI search engines including Google AI Overviews, ChatGPT, Perplexity, Claude and Gemini all extract content from web pages by reading the heading structure. The pattern that consistently gets cited:

• An H2 or H3 phrased as a question or specific topic statement.
• A first paragraph immediately under the heading that directly answers the question in 40-80 words.
• Supporting detail in the following paragraphs.

Pages without clear heading structure get skipped because AI engines cannot identify discrete answer sections to extract. The same content with proper headings can be cited multiple times in different AI responses for different sub-questions.

How to Fix Bad Heading Structure on an Existing Page

1. View page source in your browser (right-click → View Page Source) and search for <h1, <h2, <h3. Note how many of each, in what order.
2. Use a free Chrome extension like HeadingsMap or Detailed SEO Extension to visualise the heading outline of any page in one click.
3. Identify violations: multiple H1s, missing H1, skipped levels, headings used for styling rather than structure.
4. Fix in WordPress: change the heading dropdown for each block. Most page builders (Gutenberg, Elementor, Divi, Kadence) let you set heading level per element.
5. Fix theme-level H1 conflicts: if your theme wraps the logo in an H1, change the logo to a span or div (developer task). Otherwise every page on the site will have two H1s.
6. Re-check the page source after fixes to confirm exactly one H1 and logical nesting.

Common Heading Structure Mistakes

• Using headings for visual styling rather than structure. “I want this text bigger” is not a reason to make it an H2; use CSS instead.
• Multiple H1s sitewide because of theme defaults. Most common on older WordPress themes where the site logo is wrapped in an H1.
• Skipping heading levels. H1 → H3 (skipping H2) is the most common skip pattern.
• Using bold or larger paragraph text instead of real headings. Google reads the tag, not the styling.
• Vague headings like “Introduction” or “More Information”. Descriptive headings carry SEO and AI citation value; generic ones do not.
• Too many H1-H6 levels. Most business pages should not go past H3.
• Heading text that does not match the section content. An H2 “Hot Water Repairs” followed by content about blocked drains breaks the topical signal.

Heading Structure Guidelines by Page Type

Home page: one H1 that captures what the business does (often a customer-benefit headline). H2s for major site sections (services, about, contact). H3s rarely needed.

Service page: H1 names the service (“Bathroom Renovations Brisbane”). H2s for: what is included, benefits, process, pricing, FAQ. H3s for sub-points inside larger sections.

Product page: H1 is the product name. H2s for: description, specifications, reviews, related products, shipping/returns. H3s often used for spec sub-categories.

Blog post: H1 is the article title. H2s for major sections (often 6-12). H3s for subsections inside longer sections. FAQ section uses H2 for “Frequently Asked Questions” and H3s for each question.

Contact page: H1 names the page (“Contact Us” or “Get in Touch”). H2s for different contact methods, office locations, hours.

Frequently Asked Questions

Can a page have more than one H1?

Technically modern HTML5 allows multiple H1s inside sectioning elements, but in practice Google, accessibility tools and AI engines all work better with exactly one H1 per page. The safe and recommended rule is one H1, every time.

What happens if I skip a heading level?

Screen reader users get confused because the page hierarchy stops making sense. Google and AI engines may struggle to identify the topical structure. There is no immediate ranking penalty, but the page becomes harder to interpret and harder to cite.

Should H1 contain my main keyword?

Yes, when it fits naturally. The H1 is one of the strongest on-page SEO signals. Front-load the primary keyword but write the H1 for humans first — keyword-stuffed H1s underperform clear, descriptive ones.

How many H2s should a page have?

Most blog posts have 6-12 H2s; service pages typically 4-8; product pages 4-6. There is no fixed number — use as many as the content naturally needs. Fewer than 3 H2s on a long page usually signals poor structure; more than 15 usually signals the content should be split into multiple pages.

Is the H1 the same thing as the page title or title tag?

No, they are different. The title tag is what appears in browser tabs and Google search results; the H1 is the heading on the page itself. They are often similar but can differ — the title tag is usually slightly shorter and more SEO-optimised, while the H1 reads more naturally to humans.

Do headings still matter with AI Overviews and ChatGPT?

More than ever. AI engines extract content by reading headings to identify discrete answer sections. Pages without clear heading structure rarely get cited; pages with question-format H2s and direct answer paragraphs get cited disproportionately often.

How do I check the heading structure of any page?

Install the free HeadingsMap Chrome extension or Detailed SEO Extension. Both show the heading outline of any page in one click, making it easy to spot missing H1s, multiple H1s, or skipped levels.

Want Us to Fix Your Heading Structure?

Rank Haus audits heading structure as part of every technical SEO audit. We identify the issues and either fix them inside WordPress, Shopify or your CMS directly, or write a clear specification for your developer. Get in touch for an audit.