Heading Structure for SEO: H1 Rules, Hierarchy and Accessibility

Good heading structure for SEO means one descriptive H1 that matches the page's topic, followed by H2s for the main sections and H3s for sub-points, in order, without skipping levels. Google says it doesn't penalise out-of-order headings, but clear headings help people, screen readers and search engines understand the page.

Headings are one of the most over-advised parts of on-page SEO. You'll find rules about exact H1 counts, keyword placement in every H2 and "perfect" ratios. Most of it isn't from Google. But headings matter a great deal for accessibility, and that's where the real rules live. This guide separates the two.

What headings actually do

HTML gives you six heading levels, <h1> to <h6>. They create an outline of the page:

<h1>Boiler Servicing in Cardiff</h1>
  <h2>What a service includes</h2>
    <h3>Gas safety checks</h3>
    <h3>Flue and ventilation</h3>
  <h2>Prices</h2>
  <h2>Book a service</h2>

That outline does three jobs:

1. It helps sighted readers scan. Most people skim a page looking for the bit they need. Good headings act like signposts.
2. It lets screen reader users jump around. Screen readers can list all the headings on a page or skip from one to the next. In WebAIM's 2023–24 screen reader survey, 71.6% of respondents said navigating through headings is the first thing they do when looking for information on a long page.
3. It gives search engines context. Headings indicate what each section is about, which helps Google match the right passage to a query.

What Google says about headings

Google's SEO Starter Guide is refreshingly direct. Under things you shouldn't focus on, it says: "Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn't matter if you're using them out of order." It adds that there's "no magical, ideal amount of headings a given page should have."

Elsewhere in the same guide, Google recommends breaking long content into sections and providing "headings to help users navigate your pages."

So from Google's side:

• Headings help it understand content, but there's no penalty for an imperfect hierarchy.
• There's no required number of headings.
• Google sets no rule on how many H1s a page may have.

Headings also feed into the title link. When a <title> element is missing, vague or misleading, Google may use the H1 or other prominent headings instead. Our guide to why Google rewrites title tags explains how.

What accessibility standards require

This is where heading structure stops being a nice-to-have. The Web Content Accessibility Guidelines (WCAG) are the standard UK public sector sites must meet, the basis of the US rules for federal agencies (Section 508, which references WCAG 2.0 AA) and state and local governments (ADA Title II, which adopts WCAG 2.1 AA), and the one most private sector accessibility work is measured against. Three success criteria apply to headings:

W3C's Understanding 2.4.6 notes that the criterion doesn't force you to have headings, but any you do have must be descriptive. A page can pass 2.4.6 and fail 1.3.1, or the other way round. A heading that says "More info" may be marked up correctly but still fail 2.4.6.

If you're working towards accessibility compliance, see our website accessibility checklist for the UK and the guide to making your website accessible under WCAG.

The rules worth following

One H1 that describes the page

MDN's heading elements reference says multiple H1s are allowed by the HTML standard but aren't best practice, and that a page "should generally have a single <h1> element that describes the content of the page."

The H1 should:

• Say what the page is about in plain language.
• Agree with the <title> tag. They don't need to be identical, but a big mismatch confuses readers and invites Google to rewrite your title link.
• Be visible, not hidden or styled away.

A common mistake is wrapping the logo in an H1 on every page, so the "main heading" of every page is your company name. Use the logo as an image link and give each page its own H1.

Go down the levels in order

Follow H1 with H2, H2 with H3 and so on. Don't jump from H2 to H4 because H4 looks the right size. MDN explains why: screen reader users navigating by headings may be left wondering where the missing level went.

Going back up is fine. After an H4, you can start a new H2 section.

Choose levels by meaning, not looks

Headings describe structure. Use CSS for size and weight. If you want a small heading that's still an H2, style it that way. If you want big, bold text that isn't a heading, such as a quote or a price, don't use a heading tag for it.

Write headings people would search for

Descriptive headings that match how people phrase questions help readers and can help Google match a section to a query. "Prices" is fine. "How much does a boiler service cost in Cardiff?" may be better on a page that answers that question. Use your keyword where it fits naturally; don't force it into every heading.

Keep headings short

A heading is a label, not a paragraph. If it runs to two lines on a phone, cut it.

Common heading myths

Where heading structure goes wrong in practice

Most heading problems come from themes and page builders, not from writers:

• Themes that use headings for widgets. Sidebar titles like "Recent posts" or "Follow us" marked up as H2s or H3s clutter the outline on every page.
• Page builders with a heading block set by size. Editors pick "H4" because it looks right in the design, breaking the hierarchy.
• Footer headings above the main content in the code. Rare, but it happens with some layouts.
• Missing H1 on the home page. A hero banner with text set in an image or a styled <div> often means the most important page has no H1 at all.
• Product and category templates with the same H1 everywhere. Every product page saying "Product details" as its H1.

A quick heading audit checklist

1. Run the page through a heading checker. Our free heading checker pulls out every H1 to H6 on a URL, shows the outline and flags missing H1s, multiple H1s, skipped levels and empty headings.
2. Read the outline on its own. If the list of headings alone tells you what the page covers, it's working.
3. Check the H1 against the title. Use the meta tag checker to compare the <title>, meta description and H1 side by side.
4. Look for headings used for styling. Anything marked as a heading that isn't introducing a section should become a paragraph or a styled element.
5. Fix templates, not pages. If the same problem appears on every product or blog page, change the theme template once.
6. Check readability too. Clear headings and short paragraphs go together. The readability checker helps with the text beneath them.

Heading fixes are cheap, rarely risky and benefit everyone who visits. For more on-page basics, see title tags and meta descriptions and our SEO audit checklist.

FAQ

Is it bad to have more than one H1?

Not for Google rankings. Google sets no H1 limit, and its guidance says it can rarely depend on strict HTML semantics because so much of the web is imperfect. For accessibility and clarity, though, one H1 that describes the page is best practice, and MDN recommends it. If your theme adds extra H1s for the logo or widgets, it's worth fixing, but it's not an emergency.

Does heading order affect SEO?

Google's SEO Starter Guide says it doesn't matter for Google Search whether headings are in semantic order. It does matter for screen reader users, who navigate by heading level. So keep the order logical for people, but don't expect a ranking jump from fixing a skipped level alone.

Should my H1 be the same as my title tag?

They should describe the same thing, but they don't have to match word for word. The title tag is written for the search result and often includes your brand. The H1 is written for someone already on the page. A large gap between the two can lead Google to rewrite your title link.

Can I skip from H2 to H4?

Avoid it when going down the page. Screen reader users may think they've missed a section. If you need a smaller visual style, keep the correct heading level and change the size with CSS. Going back up, from an H4 to a new H2, is fine.

How many H2 headings should a page have?

There's no ideal number. Google says so directly. Use an H2 for each main section a reader might want to jump to. A short service page might need three or four; a long guide might need ten or more. If a section runs for many screens with no heading, add one.

Do headings need keywords?

It helps when the main heading clearly uses the words people search for, because that tells readers and search engines they're in the right place. Beyond that, write descriptive headings in natural language. Repeating the same keyword in every heading makes the page harder to read and won't help it rank.

Related reading

• Flesch Reading Ease: What Your Score Means and How to Improve It: What the Flesch Reading Ease score measures, how the formula works, what score to aim for, how it maps to UK reading ages, and where formulas fall short.
• Title Case vs Sentence Case: Which Should Your Website Use?: Title case vs sentence case for headings, buttons and SEO titles: what UK style guides like GOV.UK recommend, the rules for each, and how to stay consistent.