What are HTML headings?
HTML has six heading levels: H1, H2, H3, H4, H5, and H6. They form a hierarchy — H1 is the top-level heading (like a book title), H2s are chapters, H3s are sections within chapters, and so on.
<h1>How to Grow Tomatoes at Home</h1>
<h2>Choosing the Right Variety</h2>
<h3>Cherry Tomatoes</h3>
<h3>Beefsteak Tomatoes</h3>
<h2>Soil and Watering</h2>
<h3>Watering Schedule</h3>
<h3>Fertilizer Tips</h3>Notice the structure: it flows logically from top to bottom, never skipping a level. This is what Google expects to see.
Why does Google care about headings?
Search engines use headings to understand the structure and topics of your content. Think of it like a table of contents — it helps Google quickly map what a page covers without reading every word.
Headings help Google:
- Identify the main topic of the page (the H1).
- Understand subtopics and how they relate (H2s and H3s).
- Extract featured snippet content (Google often pulls H2/H3 sections for featured snippets and "People also ask" boxes).
- Index the page for related searches, not just the main keyword.
Headings also directly affect user experience, which Google measures indirectly through engagement signals. A page with clear headings is easier to scan — people stay longer.
The H1 rule: one per page, always
The H1 is the most important heading. It should describe the entire page in one phrase — like a newspaper headline.
Rules for H1:
- Use exactly one H1 per page. Multiple H1s confuse search engines about the page's main topic.
- The H1 should contain or be closely related to your primary keyword.
- It doesn't have to be identical to your title tag, but they should be closely aligned.
- It should appear near the top of the page content, not buried halfway down.
Bad: No H1 at all, or three H1s with different topics.
Good: One clear H1 that describes what the page is about.
Example:
- Page title tag: Tomato Growing Guide for Beginners — GardenPro
- H1: How to Grow Tomatoes at Home (A Beginner's Guide)
H2s and H3s — your content's table of contents
H2 headings are major sections. Every main topic on your page gets an H2. H3s are subsections within those topics.
A blog post about coffee brewing might look like:
H1: How to Brew the Perfect Cup of Coffee
H2: Choosing Your Coffee Beans
H3: Light vs Dark Roast
H3: Single Origin vs Blend
H2: Brewing Methods Compared
H3: French Press
H3: Pour Over
H3: Espresso Machine
H2: Common Brewing MistakesTips for H2s:
- Include secondary keywords naturally — these are what "People also ask" sections often pull from.
- Make them descriptive and useful, not vague. "Tips" is bad; "5 Tips for Brewing Better Coffee" is better.
- Aim to answer a specific question with each section.
Common heading mistakes that hurt SEO
1. Using headings for styling, not structure
Some designers use <h2> just because it makes text bigger and bold. This creates a jumbled hierarchy that confuses Google. Use CSS for styling, HTML headings for structure.
2. Skipping heading levels
Going from H1 directly to H3 (skipping H2) breaks the logical hierarchy. It's like a book that jumps from chapter titles to sub-sub-sections with no chapters.
3. Stuffing keywords into every heading
Headings with keywords help — but stuffing them reads unnaturally and Google recognizes keyword spamming.
4. No H1 at all
Many WordPress themes and CMS templates render the page title as something other than an H1 by default. Always check.
5. Multiple H1s
Some page builders add an H1 in the hero section AND another H1 for the blog post title. This dilutes the signal.
How to audit your heading structure
You can check headings manually by viewing the page source (Ctrl+U), but that's tedious. Browser developer tools (F12 → Elements) let you search for H1 elements.
A quick check to do on any page:
1. How many H1 tags does the page have? (Should be exactly 1)
2. Does the H1 contain the main keyword?
3. Do the H2s represent the main sections of content?
4. Is there logical nesting (no skipped levels)?
5. Are any headings empty?
Hawk Eye does this instantly
Hawk Eye's Headings module gives you a full visual map of every H1 through H6 on the current page, showing the hierarchy, the text of each heading, and any issues (multiple H1s, missing H1, skipped levels). It's the fastest way to audit heading structure on any page — your own or a competitor's.
Add Hawk Eye to Chrome — FreeKey Takeaways
- Use exactly one H1 per page — it's the page's main topic signal to Google.
- H2s and H3s should form a logical outline, like a table of contents.
- Never skip heading levels (e.g., jumping from H1 to H3).
- Don't use headings just for visual styling — use CSS for that.
- Google often pulls H2/H3 content for featured snippets and 'People also ask' boxes.