What is Heading Tags (H1-H6)?
Heading tags (H1-H6) structure content hierarchy on web pages. Learn the proper use of heading tags, SEO best practices, and common mistakes to avoid.
On This Page
What Are Heading Tags?
Heading tags (H1 through H6) are HTML elements that define the structure and hierarchy of content on a web page — telling both readers and search engines what each section is about.
They work like an outline. The H1 is your page title. H2s are your main sections. H3s are subsections within those. And so on down to H6. Most pages never go deeper than H3. Google uses heading tags to understand your content’s structure and topic relationships, making them one of the simplest yet most impactful on-page SEO signals you can control.
A study by Semrush analyzing 1.2 million web pages found that 58% of pages ranking in the top 10 used H2 and H3 tags that matched related search queries. Headings aren’t just for readability — they’re a direct signal to Google about what your page covers.
Why Do Heading Tags Matter?
Heading tags affect three things at once: search rankings, user experience, and accessibility.
- Google parses headings for relevance — Googlebot gives extra weight to text inside heading tags when determining what a page is about. Your keywords in headings carry more signal than keywords buried in body paragraphs.
- Featured snippet eligibility — Google frequently pulls heading text for list snippets and uses H2/H3 structures to build “how to” featured snippets
- Reader scanning — 79% of web users scan rather than read (Nielsen Norman Group). Headings are the primary element people scan to decide if a page has what they need.
- Accessibility compliance — Screen readers use heading tags to navigate pages. Proper heading hierarchy isn’t optional for accessibility — it’s required under WCAG guidelines.
Bad heading structure doesn’t just hurt SEO. It makes your content harder to read, harder to scan, and harder for assistive technology to navigate. Triple penalty.
How Heading Tags Work
Heading tags are simple HTML elements, but using them correctly requires understanding hierarchy and semantics.
The Hierarchy System
Think of heading tags as a nested outline:
- H1 — The page title. One per page. Describes the entire page’s topic. On this page, the H1 would be “What Are Heading Tags?”
- H2 — Major sections. Each H2 introduces a new main topic within the page. This section (“How Heading Tags Work”) is an H2.
- H3 — Subsections under an H2. “The Hierarchy System” right here is an H3.
- H4-H6 — Deeper nesting levels. Rarely needed. If you’re using H5s and H6s regularly, your page might be too complex.
How Google Reads Them
Google’s crawlers parse heading tags to understand content structure. If your H1 says “Best Running Shoes” and your H2s cover “Trail Running Shoes,” “Road Running Shoes,” and “Track Spikes,” Google understands the page covers multiple running shoe categories. Headings create a semantic map of your content.
Visual Styling vs. Semantic Meaning
This is where most people mess up. Heading tags define meaning, not just visual size. Using an H3 because you want smaller text — when the content is actually a main section — confuses search engines. Use CSS for styling. Use heading tags for structure. Always.
Types of Heading Tags
Each heading level serves a specific purpose in your content hierarchy:
- H1 — Page title — One per page. Should contain your primary keyword. On blog posts, this is typically the article title. On product pages, it’s the product name.
- H2 — Section headers — Your main content sections. Each H2 is a potential featured snippet target. Question-format H2s (“Why Does X Matter?”) perform especially well for snippet capture.
- H3 — Subsection headers — Break down complex H2 sections into digestible parts. These are excellent for list-style featured snippets.
- H4 — Sub-subsections — Used within H3 blocks when additional breakdown is needed. Common in technical documentation, less common in marketing content.
- H5 and H6 — Deep nesting — Rarely used in practice. If you need these, consider whether your page should be split into multiple pages instead.
For most business websites and blog posts, H1 + H2 + H3 covers everything you need.
Heading Tag Examples
Example 1: A plumber’s service page done right A plumbing company structures their “Water Heater Services” page with: H1: “Water Heater Repair & Installation” / H2: “Water Heater Repair” / H3: “Tankless Water Heater Repair” / H3: “Tank Water Heater Repair” / H2: “Water Heater Installation” / H3: “Cost of Water Heater Installation.” Google can clearly see the page covers both repair and installation, with specific subtopics under each.
Example 2: A blog post losing snippet opportunities A marketing agency publishes a 2,000-word blog post on email marketing — but uses only an H1 and bold text for visual breaks. No H2s, no H3s. Google can’t identify distinct sections, so the post never wins a featured snippet. Restructuring with proper H2s (“What Is Email Marketing?”, “Types of Email Marketing”, “Email Marketing Best Practices”) and H3 subsections immediately makes each section snippet-eligible.
Example 3: Automated content with proper structure A real estate agency uses theStacc to publish 30 articles per month. Every article ships with a clean H1 > H2 > H3 hierarchy, keyword-optimized headings, and question-format H2s targeting People Also Ask queries. No manual formatting needed.
Heading Tags vs. Title Tags
These are different elements that serve different purposes.
| Heading Tags (H1-H6) | Title Tag | |
|---|---|---|
| Where it appears | On the page itself, visible to readers | In the browser tab and search results |
| HTML element | <h1>, <h2>, etc. | <title> in the <head> |
| SEO role | Structures on-page content for Google | Determines the clickable headline in SERPs |
| Character limit | No hard limit (keep concise) | ~55-60 characters before truncation |
| Quantity | Multiple per page (H2s, H3s, etc.) | One per page |
| Can they differ? | Yes — and they often should | The H1 and title tag can use different wording |
Your title tag is what people see in search results. Your H1 is what they see when they land on the page. They can match, but often a slightly different H1 reads better on the actual page.
Heading Tag Best Practices
- Use exactly one H1 per page — Multiple H1s confuse the hierarchy. Your H1 should contain your primary keyword naturally. Every page needs one, and only one.
- Follow a logical hierarchy — Don’t jump from H1 to H3. Don’t put H3s outside of an H2 section. Think outline structure: H2 > H3 > H4, never skipping levels.
- Put keywords in H2s naturally — Your H2 headings should include relevant keywords and secondary phrases, but they need to read well for humans first. “How to Choose Running Shoes” beats “Running Shoes Guide Buying Tips SEO.”
- Use question-format H2s — H2s phrased as questions (“How Does [X] Work?”, “Why Is [X] Important?”) directly match search intent queries and increase featured snippet eligibility. theStacc’s content engine uses this structure automatically across every article it publishes.
- Keep headings concise — Aim for 5-10 words per heading. Long headings (15+ words) are harder to scan and often get truncated in snippet displays.
Frequently Asked Questions
How many H2 tags should a page have?
There’s no fixed number. A 500-word page might need 2-3 H2s. A 2,000-word guide might have 6-8. Use as many as your content needs to be well-organized. Every distinct topic shift deserves its own H2.
Can I use multiple H1 tags?
Technically, HTML5 allows multiple H1s. But for SEO purposes, stick to one. Google has said multiple H1s aren’t a problem, but using a single H1 provides a clearer content signal and avoids any ambiguity about your page’s primary topic.
Do heading tags affect rankings?
Heading tags are a confirmed on-page SEO signal. Google uses them to understand content structure and topic relevance. They’re not as heavily weighted as backlinks or content quality, but they’re one of the easiest optimizations you can make — and they directly affect featured snippet eligibility.
Should H1 and title tag be the same?
They can be, but they don’t have to be. Many SEOs use slightly different wording — a shorter, keyword-focused title tag for search results and a more descriptive H1 for the actual page. Both approaches work fine.
Want properly structured content without managing headings manually? theStacc publishes 30 SEO-optimized articles to your site every month — with clean heading hierarchy built in. Start for $1 →
Sources
- Google Search Central: Headings and Titles
- Semrush: How to Use Header Tags for SEO
- Moz: On-Page SEO — Heading Tags
- Nielsen Norman Group: How Users Read on the Web
- W3C: WCAG Heading Guidelines
Related Terms
Content strategy is the planning, creation, delivery, and governance of content. Learn how it differs from content marketing and how to build an effective strategy.
Featured SnippetA featured snippet is a highlighted answer box at the top of Google search results. Learn the types, how to optimize for them, and strategies to win position zero.
On-Page SEOOn-page SEO is the practice of optimizing individual web pages — their content, HTML source code, and user experience — to rank higher in search engines and earn more relevant traffic. It's the part of SEO you control directly.
Schema Markup / Structured DataSchema markup is standardized code (usually JSON-LD) added to web pages that helps search engines understand your content's meaning, enabling rich results like star ratings, FAQs, and product details in search.
Title TagA title tag is the HTML element (<title>) that specifies a web page's title, displayed as the clickable headline in search engine results and in browser tabs — one of the most important on-page SEO factors.