H-tags guide: How to use H1, H2 and H3 correctly for SEO
H-tags (heading tags) are one of the most fundamental — and most overlooked — SEO factors. Correct use of H1, H2, H3 and H4 helps both Google and your visitors understand your content.
What you'll learn
- What H-tags are and why they matter for SEO
- The rules for H1, H2, H3 and H4
- Common mistakes (and how to avoid them)
- WordPress-specific tips for H-tags
What are H-tags?
H-tags (heading tags) are HTML elements that mark headings on your website. They range from H1 (most important) to H6 (least important) and create a hierarchical structure in your content.
<h1>Main heading (page title)</h1><h2>Section</h2><h3>Sub-section</h3><h4>Detail</h4>Think of H-tags as a table of contents in a book:
- H1 = Book title
- H2 = Chapters
- H3 = Sections within a chapter
- H4 = Sub-sections
Why are H-tags important for SEO?
1. Google uses H-tags to understand content
Google scans your H-tags to determine what your page is about. A clear heading hierarchy makes it easier for search engines to index and rank your page correctly.
2. Better user experience
People skim content online. Clear headings make it easy to find the relevant section, which reduces bounce rate and increases time on page.
3. Featured snippets
Google often uses H-tags to generate featured snippets — the highlighted answers at the top of search results. Well-written H2s and H3s increase your chances of being featured.
4. Accessibility
Screen readers use H-tags for navigation. Correct H-tags make your site accessible to visually impaired users.
The rules for H-tags
H1: The page title
- Only one H1 per page — this is the most important rule
- H1 should describe the page's main topic
- Include your primary keyword naturally
- H1 should be the first heading element on the page
H2: Main sections
- Used to divide content into logical sections
- You can have multiple H2s on one page
- Include secondary keywords where natural
- Each H2 should introduce a new topic or aspect
H3: Sub-sections
- Used within an H2 section to break content down further
- Perfect for lists, steps or details
- Include long-tail keywords naturally
H4-H6: Details
- Used less frequently, but useful in long content
- Maintain the hierarchy — don't skip levels
Common H-tag mistakes
Mistake 1: Multiple H1 tags
The most common error. Many themes and page builders add extra H1 tags without you knowing — e.g., in the logo, sidebar or footer.
How to check: Right-click on your page → "View page source" → Search for <h1
Mistake 2: Skipping levels
Going directly from H1 to H3 (skipping H2) breaks the hierarchy and confuses Google.
- ❌ H1 → H3 → H4
- ✅ H1 → H2 → H3 → H4
Mistake 3: Using H-tags for styling
H-tags are for structure, not for making text bigger or bold. Use CSS for styling instead.
Mistake 4: Too many keywords in headings
Keyword stuffing in H-tags no longer works and can harm your ranking.
- ❌
<h2>SEO keywords SEO optimization keyword optimization Google SEO</h2> - ✅
<h2>How to find the right keywords</h2>
Mistake 5: Generic headings
Headings like "More info" or "Read more" provide no SEO value.
- ❌
<h2>More information</h2> - ✅
<h2>WordPress SEO optimization pricing</h2>
WordPress-specific tips
In the Gutenberg editor
WordPress' block editor makes it easy to use H-tags correctly:
- Add a "Heading" block
- Choose the level (H2, H3, H4) in the block toolbar
- H1 is typically set automatically from the page title — don't use it in the content
In page builders (Elementor, Bricks, Divi)
Page builders give full control over H-tags, but they also make it easy to make mistakes:
- Ensure your header/widget only uses H1 for the page title
- Avoid H-tags in footers and sidebars
- Use "Heading" widgets correctly — not just for visual styling
With SEO plugins
Both SEOPress and Rank Math show you the H-tag structure in their analysis.
Read our comparison of Yoast and Rank Math.
How to check your H-tags
Browser Developer Tools
Right-click → "Inspect element" → Search for h1, h2, h3 tags in the HTML.
SEO plugin analysis
Use your SEO plugin's content analysis to check the heading hierarchy.
Online tools
Use free tools like Screaming Frog (up to 500 URLs free) or the Chrome extension "HeadingsMap" to visualize your H-tag hierarchy.
H-tags checklist
- ☐ Only one H1 per page
- ☐ H1 contains primary keyword
- ☐ H2s divide content logically
- ☐ Hierarchy is correct (no skipping)
- ☐ No H-tags used only for styling
- ☐ No H-tags in footer or sidebar
- ☐ Headings are descriptive (not generic)
- ☐ Keywords included naturally (not stuffed)
Conclusion
H-tags are simple to understand but require discipline to use correctly. Focus on one principle: create a clear hierarchical structure that helps both Google and your visitors.
Start by checking your most important pages for common mistakes and fix them. It's one of the quickest SEO wins you can get.
Need an SEO review?
Contact me for a technical SEO audit of your website, including H-tag structure, meta tags and speed.




