What Is an H1 Tag? SEO Best Practices & Examples
An H1 tag is the HTML element that identifies and formats a page’s primary title, signaling main topic to users and search engines; used correctly, it improves accessibility, on-page SEO, and user experience. Below we cover key best practices—clear, concise wording, proper keyword use, unique H1s per page, and correct heading hierarchy—plus real-world examples of effective H1s.
H1 Tag (HTML)
H1 Tag (HTML): The primary heading element in HTML (
) used to define the most important title on a web page; it signals page topic to users and search engines, influences accessibility and SEO, and should generally be used once per page for clear content hierarchy.
What Is an H1 Tag?
An H1 tag is the HTML element that marks a page’s primary heading (
). It communicates the main topic to users, screen readers, and search engines, establishing the top level of the content hierarchy. Because it’s the most semantically important heading, it helps crawlers understand page relevance and organizes content for accessibility and UX.
Why it matters
- Signals the page topic to search engines for ranking and indexing.
- Improves accessibility by giving screen readers a clear entry point to content.
- Establishes visual and structural hierarchy for users, aiding scannability and engagement.
- Can influence click-throughs from search results when it aligns with page intent.
SEO and UX best practices
- Use one clear, descriptive H1 per page; avoid multiple competing H1s unless your framework requires semantic sections.
- Keep it concise (typically 20–70 characters) and readable for users.
- Include the primary keyword naturally near the start, but avoid keyword stuffing.
- Make the H1 unique across pages to prevent content cannibalization.
- Ensure a logical heading hierarchy: H1 → H3 → H4, etc., matching content structure.
- Match H1 intent to the page purpose (informational, transactional, navigational).
- Optimize for mobile with short, scannable headings that don’t truncate.
- Use visible styling but rely on semantic HTML for SEO, not just visual size.
Technical tips
- Place the H1 early in the HTML body so crawlers and assistive tech encounter it quickly.
- Avoid heavy client-side rendering of the main H1 unless server-side rendering or proper indexing is ensured.
- Align structured data and the meta title with the H1 where appropriate, but don’t duplicate verbatim if that harms readability.
Examples of effective H1s
- How to Change a Flat Tire: Step-by-Step Guide
- Best Budget Laptops 2025: Top Picks Under $500
- What Is an H1 Tag? SEO Best Practices Explained
- Gluten-Free Dinner Recipes for Busy Weeknights
- Small Business Loan Options: Compare Rates and Terms
- Beginner’s Guide to Meditation: Techniques and Benefits
Do H1s Impact SEO?
Yes—H1s influence SEO, but they are not a single dominant ranking factor. H1 tags help search engines and users understand the page topic, contribute to on-page relevance signals, and support proper content hierarchy, which together affect SEO.
Key points
- Relevance signal: H1s reinforce topic relevance by including primary keywords or close variants, helping search engines match pages to queries.
- Semantic structure: Proper H1 use (one main H1 per page, followed by H2/H3 for subtopics) improves crawlability and content understanding.
- UX and engagement: Clear, descriptive H1s improve user satisfaction and reduce bounce rates, indirectly supporting rankings through behavioral signals.
- Accessibility: Screen readers rely on heading structure; accessible pages are more usable and can retain more users, indirectly aiding SEO.
- Not a silver bullet: Modern search engines use many signals (content quality, backlinks, page experience). Misusing or keyword-stuffing H1s can harm trust and rankings.
Best practices
- Use one unique, descriptive H1 per page that naturally includes the primary keyword.
- Keep it concise (typically 20–70 characters) and user-focused.
- Maintain a logical heading hierarchy beneath the H1 (H2/H3) to organize content.
- Avoid duplicating H1s across pages, and don’t hide H1s solely for design reasons.
- Test impact: monitor organic traffic, impressions, and rankings after H1 changes; combine H1 optimization with content improvements and technical SEO.
Examples
- Good: “Best Running Shoes for Flat Feet (2025 Buyers’ Guide)”
- Neutral: “Running Shoes”
- Bad: “Buy Running Shoes Cheap Online Best Deals Cheap Running Shoes”
Takeaway: Use H1s to clearly state page intent and primary keywords within a well-structured, user-first page—this supports SEO as part of an overall optimization strategy.
What Is an H1 Tag? SEO Best Practices & Examples
What Is an H2 Tag? SEO Best Practices & Examples
Definition: An H2 tag is an HTML heading element (
) used for second-level section headings. It sits directly below the H1 in the document hierarchy and structures content into meaningful subsections.
Why H2 tags matter for SEO:
Help search engines understand page structure and topical hierarchy.
Improve crawlability and semantic clarity for indexing.
Support featured snippets and SERP relevance for subtopics.
Enhance user experience and dwell time by making content scannable.
Aid accessibility tools (screen readers) in navigating content.
SEO best practices for H2 tags:
Maintain a clear hierarchy: one H1, multiple H2s for main sections, H3/H4 for nested subsections.
Use descriptive, concise language that reflects section content (30–70 characters is typical).
Include relevant keywords or natural variations where appropriate, without keyword stuffing.
Make each H2 unique to avoid repetition and clarify distinct sections.
Match user intent with questions, benefits, how-tos, features, or comparisons.
Use H2s to target secondary or long-tail keywords related to the H1 topic.
Keep HTML semantics correct: use heading tags for structure, not for styling.
Ensure accessibility: write meaningful text and avoid embedding actionable elements as the only content.
Test readability and scannability on mobile; prefer shorter headings.
Use schema and content sections to reinforce topical signals when applicable (e.g., FAQ schema under relevant H2s).
Examples for a page titled “What Is an H1 Tag? SEO Best Practices & Examples”:
Why H1 Tags Matter for SEO
How to Write an Effective H1 Tag
H1 vs H2: When to Use Each Heading
Common H1 Tag Mistakes to Avoid
H1 Tag Examples and Best Practices
How Heading Structure Affects Accessibility and UX
HTML example:
What Is an H1 Tag? SEO Best Practices & Examples
Why H1 Tags Matter for SEO
How to Write an Effective H1 Tag
Tips for Keyword Placement
Quick checklist:
One H1 per page; multiple H2s for main sections.
Use clear, unique, descriptive H2s.
Include relevant keywords naturally.
Keep headings concise and mobile-friendly.
Use semantic HTML and maintain proper heading order.
Short FAQ:
Q: Can I use multiple H1s? A: Best practice is one H1; multiple H1s are allowed in HTML5 but may confuse hierarchy and SEO.
Q: How long should an H2 be? A: Keep it concise and descriptive—aim for readability; typically under about 70 characters.
Q: Do H2s impact rankings directly? A: Not directly, but they improve structure, relevance signals, and UX, which support SEO.
Other Glossary Items
Discover the newest insights and trends in SEO, programmatic SEO and AIO.
Stay updated with our expert-written articles.