On-Page SEO Guide
Header Tags (H1 to H6): Structure That Ranks and Gets Extracted
Header tags turn a wall of text into an outline. That outline is what readers scan, what Google reads to understand your page, and what AI engines now use to decide which passage to quote. Get the hierarchy right and one page can win both the ranking and the citation.
By Rahul Saini, Author at Search Counsel Co. Last updated [July] 2026.
Featured answer: what are header tags and how do you use them?
Header tags are the HTML heading elements H1 through H6 that structure a page into a hierarchy. Use one H1 for the page’s main topic, H2s for the major sections, and H3s for subtopics inside them. Keep the order logical without skipping levels, describe the real content in each heading, and use CSS, not heading tags, for styling. Clean headings help readers, search engines, and AI systems understand and extract your page.
The Outline
H1 to H6
Six levels that form your page’s structural skeleton.
The Rule
One H1
93.5% of top-ranking pages use a single H1. Follow the pattern.
The Order
No skips
Go H1, then H2, then H3. Jumping levels breaks the outline.
The 2026 Shift
AI reads them
Headings are now the primary signal AI uses to extract answers.
If you searched “header tags,” you want to know what H1 through H6 do and how to use them without breaking anything. Here it is. This guide covers what header tags are, what each level is for, why they matter for readers, accessibility, and search, the H1 rules, how to write extractable headings that AI quotes, and how to audit your own structure in under a minute. It builds on your title tags and meta descriptions to finish the on-page basics.
Jump to what you need
Article note: Written by Rahul Saini at Search Counsel Co., based on heading audits we run on client pages. Guidance aligns with Google’s stance on headings and the WCAG accessibility criteria for heading use, with sources listed near the end and checked at the time of writing.
1) What are header tags?
Header tags are the HTML heading elements, H1 through H6, that break your content into a structured hierarchy. H1 is the top level and H6 the deepest. You’ll hear them called heading tags, H tags, or HTML headings. They’re all the same thing.
Two quick points that trip people up. Header tags are not the same as the page’s visual header, the layout strip that holds your logo and navigation. They’re also not the HTML head, the code section that holds your title tag and meta description. Header tags live in the body of the page and describe the content itself.
The outline test: strip out every paragraph and read only the headings. If the page still makes sense as an outline, your structure works. If it reads as a jumble, your headings need fixing.
2) What H1 to H6 each do
Think of headings as the outline of a book. The H1 is the title, H2s are the chapters, and H3s are the sections inside each chapter. The further down you go, the narrower the scope.
Header Tags (H1 to H6): the page topic
H2
What are header tags?H2
What H1 to H6 each do
H3
H1 states the main topic
H3
H2s carry the sections
H2
Why header tags matter
Indentation = nesting.
Each level sits under
the one above it.
In practice, most pages only need H1, H2, and H3. H4 is the cap for typical content. If you’re reaching for H5 or H6 on a normal marketing or blog page, that’s usually a sign the page is trying to do too much and should be split into smaller pages, which is also a keyword mapping question.
3) Why header tags matter
Headings do four jobs at once, and only one of them is SEO.
- Readability. People scan before they read. Clear headings let a visitor find the part they want and decide the page is worth their time.
- Accessibility. Screen-reader users navigate a page by jumping between headings, so structure is how they move through your content. The WCAG guidelines require headings to be real headings in the HTML, not text styled to look like one, and to be descriptive rather than vague.
- Search understanding. Google reads your heading hierarchy to understand what the page covers and how its topics relate. Headings don’t work like a single ranking switch, but clear structure strengthens relevance and clarity, which compounds across a site.
- Extraction. Featured snippets, People Also Ask, and AI answers are pulled from well-structured passages. A clean heading under a clear question is what makes your content easy to lift.
4) H1 best practices
The H1 is the single most important heading, because it names what the whole page is about. Get these right:
- Use exactly one H1 per page. HTML technically allows more, but one is the best practice, and a 2026 study found 93.5% of top-ranking pages use a single H1. One H1 keeps your main topic unambiguous.
- Include your primary keyword naturally. The H1 should state the page’s core subject in plain language, with the keyword worked in where it reads well. Pull that term from your keyword research rather than improvising.
- Be specific. “Services” is not a topic. “Technical SEO for Ecommerce Sites” is. Vague H1s like “Welcome” or “Home” fail both users and accessibility rules.
- Keep it reasonably short. Around 60 characters or fewer is a good guide, though it’s not a hard rule.
- Align it with your title tag, but don’t copy it. The H1 and the title tag should be close, since Google may even use your H1 as the search headline if it fits the query better. Tune the title for the click and the H1 for the reader on the page.
From experience: the most common heading problem we find in audits is a missing H1, especially on ecommerce homepages and category pages where the theme styles a banner to look like a headline but never tags it as an H1. It’s often the cheapest ranking fix on the whole site.
5) H2 to H6 best practices
Once the H1 is set, the rest should build logically from it.
- H2s carry the sections. Treat them as your table of contents. Each H2 should introduce a distinct major topic that supports the H1, not a slight variation of the last one.
- Shape H2s like real questions or tasks. “How to write an H1” beats “H1 information.” Question-shaped headings match how people search and how AI extracts, which we cover below.
- Keep parallel sections at parallel levels. If two sections are equally important, both are H2s. Demoting one to H3 sends a false signal about which matters more.
- Use H3s for subsections. Steps, criteria, examples, or variations inside an H2 section belong in H3s. Only nest deeper when the content genuinely needs it.
- Weave secondary keywords in naturally. Related terms in H2s and H3s help Google grasp the breadth of the page, as long as they read like human language, not a keyword list. That’s the practical edge of semantic SEO.
6) The rules that break your structure
Three mistakes quietly break an otherwise good page. Avoid all three.
- Never skip heading levels. Going from an H2 straight to an H4 breaks the outline and also breaks screen-reader navigation. Move one level at a time.
- Never use headings for styling. Heading tags mark structure, not size. If you want big or bold text, use CSS. Wrapping a call to action or a UI label in an H1 just to make it large confuses both crawlers and assistive tech.
- Never stuff keywords into headings. Forcing your keyword into every heading reads as spam and makes the page look low quality. Write for the reader, place terms where they fit, the way sound content optimization works.
7) How to write headings AI and snippets will extract
This is the 2026 difference, and it’s the reason structure matters more than ever. AI engines like ChatGPT, Perplexity, Gemini, and Google’s AI Overviews don’t read a page the way a person does. They detect structural markers and use your heading hierarchy as the primary signal for what the page is about. They read the H1 as the topic, the H2s as the questions the page answers, and the first paragraph under each H2 as the answer to lift.
So the tactic is simple and it happens to be good writing too:
- Phrase H2s as the questions people actually ask. Mirror real search queries and People Also Ask wording.
- Put a concise, direct answer in the first sentence or two under each heading. That’s the passage an engine quotes, and it’s the core of answer-first content.
- Then expand. Follow the short answer with the detail, examples, tables, or steps.
Do this and one page earns both outcomes: a strong heading structure that helps you rank in Google and the same structure that gets you cited in AI answers. Weak structure loses both. For the full approach to extractable, citable content, see our guide to writing for featured snippets and AI Overviews and our wider AI search optimization guide.
8) How to audit your heading structure
Checking a page takes under a minute, and most audits surface the same few problems.
- View the source. Press Ctrl+U (or Cmd+U on Mac), then Ctrl+F for “<h1” to count how many H1s the page has. Zero or more than one both need a look.
- Inspect a heading. Right-click a heading and choose Inspect to confirm it’s wrapped in a real heading tag, not a styled div or span.
- Use a free extension. The Detailed SEO Extension for Chrome shows a page’s full heading outline at a glance, so you can spot skips and vague headings fast.
- Crawl the whole site. Screaming Frog or a site-audit tool flags missing H1s, duplicate H1s, and skipped levels across every page at once.
Run that on your key pages and look for the four issues that show up in almost every audit: a missing H1, multiple H1s, vague H2s, and skipped levels. Fixing those is most of the work. Updating headings on older pages is also a fast content refresh win, since better structure can lift a page that was already close.
9) Common header tag mistakes
The short list, gathered from real audits.
- Missing H1. Common on ecommerce templates that style a banner instead of tagging it. The cheapest fix on many sites.
- Multiple H1s. Often a theme wrapping the logo in an H1 on every page. Creates ambiguity for crawlers and AI.
- Vague headings. “Overview,” “More Info,” “Details.” They describe nothing. Say what the section covers.
- Skipped levels. H2 to H4 with no H3 breaks the outline and accessibility.
- Headings as styling. Using an H-tag for big text instead of CSS.
- Keyword-stuffed headings. The same term forced into every heading. Reads as spam.
10) Sources used for this guide
This guide leans on Google’s stated position, accessibility standards, and current heading studies.
| Source | What it supports |
|---|---|
| Google Search guidance (John Mueller statements) | Headings help Google understand structure and clarity, but aren’t a standalone ranking switch. |
| WCAG accessibility guidelines (1.3.1 and 2.4.6) | Headings must be real HTML headings and descriptive, so assistive tech can navigate the page. |
| Rankability 2026 heading study | 93.5% of top-ranking results use a single H1 per page. |
| 2026 heading and AI-extraction analyses | How AI engines use heading hierarchy as a primary extraction signal for passages and citations. |
FAQ: header tags
What are header tags?
Header tags are the HTML heading elements H1 through H6 that structure a page into a hierarchy. H1 is the main topic, H2s are the major sections, and H3 to H6 handle deeper subsections. They’re also called heading tags or H tags, and they help readers, search engines, and AI systems understand your content.
How many H1 tags should a page have?
One. HTML technically allows more, but a single H1 is the best practice and what most top-ranking pages use. One H1 keeps the page’s main topic clear for both crawlers and AI engines. Extra H1s, often a logo wrapped in an H1 by the theme, create ambiguity.
What is the difference between an H1 and a title tag?
The H1 is the main heading on the page itself. The title tag is the headline that shows in search results and the browser tab. They’re usually similar, but the title is tuned to win the click in Google, while the H1 orients the reader once they land.
Do header tags help SEO?
Indirectly and meaningfully. They aren’t a standalone ranking factor, but they help Google understand your structure and relevance, improve readability and accessibility, and make your content easy to extract for snippets and AI answers. Clean structure compounds across a whole site.
What is the correct heading order?
Go in sequence: H1, then H2, then H3, and so on, without skipping levels. An H3 should nest under an H2, not jump straight from an H2 to an H4. Skipping levels breaks the logical outline and screen-reader navigation.
Should the H1 match the title tag?
They should be closely aligned but not identical. Keep them consistent so the page reads coherently, but tune the title tag for click-through in search and the H1 for the reader on the page.
Do heading tags affect AI search?
Yes, more than ever. AI engines use your heading hierarchy as a primary signal for what the page is about and which passage to quote. They read the H1 as the topic and H2s as the questions, then lift the answer from the text directly beneath. Strong structure now wins both rankings and citations.
Conclusion: build the outline first
Header tags are the cheapest structure work in SEO and among the highest return. One clear H1, logical H2s shaped like real questions, tidy H3s where needed, no skipped levels, and no headings used for styling. Do that and your page reads well for people, parses cleanly for Google, and hands AI engines an outline they can quote.
For the next step, pair your structure with strong title tags and meta descriptions, learn to write extractable content that wins snippets, or work up to the complete guide to on-page SEO.
Editorial note: This guide is for general marketing education. Verify your own heading structure with a live audit, since CMS themes often inject or omit headings in ways that aren’t visible while editing.
