SEO glossary
What is an H1 Tag?
Learn what an H1 tag is—the top-level HTML heading on a page—how it differs from the title tag and meta title, and best practices for one clear primary heading per URL.
Definition
An H1 tag is the HTML h1 element that marks the primary heading of a page's main content, giving readers, assistive technology, and search engines a visible statement of the page's central topic.
H1 tag: the page's primary headline
The H1 tag (<h1>) is the top rung of the heading ladder. It answers: What is this page about? Screen readers often jump to the H1 after the document title. Search engines use heading structure to understand how body sections relate to the main topic.
Unlike the title tag, which lives in <head> and drives browser tabs and SERP candidates, the H1 is visible main content—typically the hero headline above the fold.
H1 vs title tag vs meta title
| Element | Location | Primary audience |
|---|---|---|
| Title tag | <head> | Search snippets, tabs, bookmarks |
| Meta title | SEO strategy for above | SERP click optimization |
| H1 tag | <body> main content | On-page readers, AT outline |
<head>
<title>How to audit internal links — SEO guide | Crawlox</title>
</head>
<body>
<header><!-- site chrome; usually NOT the article H1 --></header>
<main>
<h1>How to audit internal links</h1>
<p>Internal links shape crawl paths and relevance...</p>
</main>
</body>
When title tags are missing or generic, Google may borrow H1 text for the SERP title—another reason to write a clear, unique H1.
What makes a strong H1
- Specific — states the topic, not "Welcome" or "Overview"
- Unique — not duplicated across hundreds of template URLs
- Readable — natural language, not comma-separated keywords
- Aligned with intent — matches what the page delivers
- Visually prominent — styled as the main headline (CSS), not hidden
Examples by page type
| Page type | Weak H1 | Stronger H1 |
|---|---|---|
| Blog | Blog | Crawl budget basics for large ecommerce sites |
| Product | Product details | Waterproof hiking backpack — 45L |
| Landing | Learn more | Automated SEO crawls for marketing teams |
| FAQ | Questions | Billing and subscription FAQ |
One H1 per page: why it persists
HTML5 permits sectioning models with multiple h1 elements in different <section> roots. In practice, CMS themes, SEO tools, and accessibility auditors still expect one primary H1 in <main> for content pages.
Problems with multiple H1s:
- Outline tools cannot pick a single document topic
- SEO crawlers flag "multiple H1" as template bugs
- Designers accidentally promote sidebar widgets to H1 level
Exception: homepage brand H1 strategies are debated—if the logo is H1, ensure inner pages use content H1s instead.
H1 and the heading hierarchy
The H1 opens the outline. H2 tags introduce major sections; H3 tags subdivide those sections. Do not skip from H1 to H4 because a CSS class exists for h4.
H1 Page topic
├── H2 Section A
│ ├── H3 Subsection A1
│ └── H3 Subsection A2
└── H2 Section B
See heading tags for the collective system and individual pages for H2–H6 roles.
H1 vs site header chrome
The word "header" confuses teams. The header region (<header>) often contains logos, nav, and utility links—it is page chrome. The article H1 belongs in <main>, not inside global navigation markup.
| Component | Element | SEO role |
|---|---|---|
| Site logo text | Often <a>, not H1 on inner pages | Brand navigation |
| Article headline | <h1> in main | Primary topic signal |
| Promo banner title | Should not be <h1> unless it IS the page topic | Avoid competing H1s |
Common H1 tag mistakes
- Missing H1 on JS-rendered SPAs (empty shell until hydration)
- H1 on an image with no text alternative
- Styled
<p class="h1">with no semantic heading - Same H1 on paginated URLs without page context
- Category pages where H1 is only the site name
- Hidden H1 for keyword insertion (
display:none)
H1 implementation patterns
Static HTML / SSR
<main id="content">
<article>
<h1>What is crawl depth?</h1>
...
</article>
</main>
CMS field mapping
Map the editorial "Headline" field to <h1>, not to <title> alone. Many SEO issues trace to headlines rendered as <div> while title tags work correctly.
Component libraries
Design systems often ship <Typography variant="h1"> that renders a <div>. Override with component="h1" or semantic heading components for content templates.
H1 accessibility notes
- One logical H1 helps screen reader users orient quickly
- Heading order should not skip levels without reason
- If the visual design is not largest text, the semantic level still matters more than font size
Accessibility improvements usually strengthen SEO clarity as a side effect.
Auditing H1 tags at scale
| Check | Tooling approach |
|---|---|
| Missing H1 | Crawl export, filter zero h1 count |
| Multiple H1 | XPath //h1 count per URL |
| Duplicate H1 text | Group by normalized heading string |
| H1 ≠ intent | Manual review top landing pages |
| JS-only H1 | Compare raw HTML vs rendered DOM |
Crawl after every major theme release—H1 regressions are common when redesigning headers.
H1 and content refreshes
When updating articles:
- Revise H1 if the scope changed (e.g., added year-specific data)
- Keep URLs stable when possible; change H1 to reflect expanded topic
- Update internal links anchor text if H1 renames shift terminology
Stale H1s that no longer match body copy erode trust and increase bounce rates.
How Crawlox helps with H1 tags
Crawlox reports H1 presence, multiplicity, and text patterns across crawled URLs. Identify templates shipping zero H1s, duplicate headings across faceted pages, or mismatches between title tags and on-page H1 meaning. Fix primary headings systematically before chasing marginal keyword tweaks.
Related terms
Frequently asked questions
How many H1 tags should a page have?
One clear H1 per page is the safest default for marketing and editorial URLs. HTML5 allows multiple h1 elements in theory, but multiple primary headings confuse outline logic and SEO audits.
Is the H1 tag a ranking factor?
Google has said heading elements help structure content; they are not a magic lever. A descriptive H1 improves clarity for users and can feed title rewrites when SERP titles are weak.
Should H1 text match the title tag?
Align them in meaning. The title tag targets SERP space; the H1 speaks to on-page readers. They can differ in length or tone if both describe the same topic.
Can the site logo be an H1?
On the homepage, some sites use the logo as H1. On inner pages, the content headline should usually be the H1—not the logo repeated in the header chrome.
What if my theme outputs two H1s?
Fix the template: demote decorative or navigation headings to non-heading elements or lower levels. Crawl the page after deploy to confirm only one logical H1 remains.
References
Explore authoritative guidance and frameworks related to h1 tag.
Explore every glossary definition
Return to the glossary to search by term, alias, starting letter, or category.