Header Tags (H1–H6): How to Structure Pages for Readers and SEO

Header tags – <h1> to <h6> – mark the headings on a web page. They give the page an outline, the same way chapters and sections structure a book. That structure helps three audiences at once:

• Readers, who scan headings to find the part they need
• Screen reader users, who jump from heading to heading to navigate
• Search engines and AI systems, which use headings to understand what each section covers

Getting headings right is one of the easiest on-page improvements you can make.

How the heading levels work

• H1 – the main heading of the page, describing its overall topic
• H2 – the main sections
• H3 – subsections inside an H2
• H4–H6 – deeper levels, rarely needed on most web pages

A good outline reads like a table of contents:

H1  How to Start Composting at Home
  H2  What you can and cannot compost
    H3  Greens: nitrogen-rich materials
    H3  Browns: carbon-rich materials
  H2  Choosing a compost bin
  H2  Step-by-step: starting your first pile
  H2  Troubleshooting common problems
    H3  My compost smells
    H3  My compost is not breaking down
  H2  Frequently asked questions

Anyone looking at that outline knows exactly what the page covers – and so does a search engine.

Should a page have only one H1?

HTML5 technically allows several H1 elements, and Google has said that having more than one H1 is not a problem for its systems. Still, one H1 per page is the clearest choice. It states the main topic unambiguously, keeps the outline logical for screen readers and avoids confusing SEO tools.

Common causes of multiple H1s are themes that wrap the logo in an H1 on every page, or page builders that use H1 for styling. Check your templates.

Should the H1 match the title tag?

They should describe the same topic but do not need to be identical. The title tag is written for search results and has to fit roughly 60 characters. The H1 is the headline people see once they arrive, so it can be a little longer or more conversational.

If the two describe completely different things, Google is more likely to rewrite your title in search results.

Best practices for headings

Use headings for structure, not styling

Do not pick a heading level because you like its font size, and do not make normal text bold and large instead of using a real heading. Style headings with CSS; choose the level based on the outline.

Do not skip levels

Go from H2 to H3, not from H2 straight to H4. Skipped levels make the structure harder to follow, especially for screen reader users who navigate by heading level.

Make headings descriptive

“Overview”, “More info” and “Section 2” tell nobody anything. “How much does a loft conversion cost?” tells readers and search engines exactly what follows.

Use the words people search for – naturally

If your page targets “loft conversion cost”, it makes sense for the H1 and at least one H2 to use that phrase or close variations. Do not force keywords into every heading; it reads badly and brings no benefit.

Write question headings for question content

When a section answers a question, phrase the heading as that question and answer it directly in the first sentence below. This format is easy for readers to scan and for search engines to extract for featured snippets, “People also ask” and AI answers.

Keep them concise

Most headings work best under about 70 characters. Long headings are hard to scan.

Headings and accessibility

For people using screen readers, headings are the main way to understand and move around a page. The Web Content Accessibility Guidelines (WCAG) expect headings to describe their sections and to reflect the real structure of the content. A good heading structure is therefore an accessibility requirement, not just an SEO nicety – and it helps everyone.

Common heading problems

1. No H1 at all – often because a theme displays the page title in a styled div
2. The logo in an H1 on every page – so every page has the same H1
3. Headings used for design elements like “Follow us” or newsletter boxes in sidebars
4. Empty headings – an H tag containing only an image without alt text
5. Walls of text – long pages with no subheadings at all

A site crawl will flag pages with missing or multiple H1s, and a page check shows the full outline.

Example outlines for common page types

A product page

H1  Breville Barista Express Espresso Machine
  H2  Key features
  H2  What’s in the box
  H2  Specifications
  H2  Customer reviews
  H2  Delivery and returns

A local service page

H1  Emergency Plumber in Leeds
  H2  What we fix
    H3  Burst pipes
    H3  Boiler breakdowns
    H3  Blocked drains
  H2  Areas we cover
  H2  Prices
  H2  Why choose us
  H2  Frequently asked questions

A comparison article

H1  Best Burr Coffee Grinders in 2026
  H2  Our top picks at a glance
  H2  How we tested
  H2  The best grinders reviewed
    H3  1. Baratza Encore ESP – best overall
    H3  2. Fellow Opus – best design
  H2  What to look for in a grinder
  H2  FAQs

Each outline makes sense on its own. You could hand it to a writer and they would know exactly what to produce.

Headings and featured snippets

When a page appears in a featured snippet – the boxed answer at the top of some results – Google often uses a heading as the context and the paragraph or list directly below as the answer. Lists in snippets frequently come from a series of H2 or H3 headings, or from an ordered list under a heading.

To give your content the best chance:

• Phrase the heading as the question or task
• Answer concisely (around 40–60 words) in the first paragraph after it
• Use a numbered list for steps and a bulleted list for options
• Use a table for comparisons

The same structure makes your content easier for AI search engines to extract and cite.

Auditing headings across a site

Problems with headings usually come from templates, so they repeat across many pages. A crawl shows patterns quickly:

1. Pages with no H1 – check the template for the page type
2. Pages with several H1s – often a logo or sidebar widget
3. Identical H1s across many pages – a sign of boilerplate templates or thin, duplicated pages
4. H1s that do not match the title tag’s topic – risk of confusing signals

Fix the template once and every page using it improves. For individual pages, open the outline view and read only the headings: if the story makes sense and covers what searchers expect, the structure is working.

Styling headings without breaking structure

Designers sometimes want a small, subtle heading for a section that is structurally an H2, or a large visual statement that is not a heading at all. CSS handles both: style an H2 to look small with a class, and use a styled paragraph or div for a decorative statement. Keep the HTML truthful to the content structure and let CSS handle appearance.

Key takeaways

• Headings give pages an outline that helps readers, screen reader users and search engines.
• Use one H1 for the main topic, H2s for sections and H3s for subsections, without skipping levels.
• Choose heading levels for structure and style them with CSS.
• Question-style headings followed by a direct answer suit featured snippets and AI answers.
• Most heading problems come from templates – fix them once at the source.
• Read only your headings: if the outline tells the story, the structure works.

Frequently asked questions

Do header tags help SEO?

Yes. They help search engines understand the topic and structure of a page, and they make content easier to read, which supports engagement. The H1 in particular is a strong signal of the page’s main topic.

Can I use H1 more than once?

You can, and Google copes with it, but one H1 per page is clearer for users, accessibility tools and audits.

How many H2s should a page have?

As many as there are genuine sections. A short product page might have two or three; a long guide might have ten or more.

Do headings need to contain keywords?

Use relevant terms where they fit naturally, especially in the H1 and main H2s. Clarity for the reader matters more than exact-match keywords.