Definition
The H1 is the top-level heading of a web page — the HTML <h1> element. It names the primary topic of the page to both the user scanning the article and the search engine trying to understand what the document is about.
Semantically it sits at the top of the heading hierarchy (H1 through H6). Visually, it is usually the largest heading on the page. Functionally, it is one of the strongest on-page signals of topical relevance, alongside the title tag and the page URL.
The One-H1 Rule
HTML5 technically permits multiple H1s via sectioning elements. Google has publicly said multiple H1s are not harmful. But the convention that gives the cleanest signal — and the most reliable accessibility experience — is one H1 per page.
A single H1 removes ambiguity: there is one primary topic, and every other section heading is subordinate to it. Multiple H1s can work, but they make the document outline harder to interpret for both screen readers and search crawlers.
H1 vs Title Tag
Both describe the page topic, but they serve different surfaces:
- —Title tag: shown in the search results, the browser tab, and when shared. Optimised for click-through. 55–60 characters. Often includes a brand name.
- —H1: shown on the page itself. Optimised for the on-page reader. Can be longer and more descriptive. Usually omits the brand because the brand is already visible in the header.
They should express the same topic — if they target different queries, search engines receive inconsistent signals about what the page is for.
Heading Hierarchy
Headings form the document outline. Skipping levels (H1 → H3) breaks the outline and confuses assistive technology. The correct pattern:
<h1>What Is an H1 Tag?</h1>
<h2>Definition</h2>
<h2>The One-H1 Rule</h2>
<h2>H1 vs Title Tag</h2>
<h3>When they should match</h3>
<h3>When they should differ</h3>
<h2>Common Mistakes</h2>Common Mistakes
H1 wrapped around the logo
A common template pattern on marketing sites: the site logo is wrapped in <h1>. Every page on the site then has the same H1 — the brand name — wasting the slot that should describe the specific page. Move the H1 to the main headline and use a <div> or <span> for the logo.
Missing H1 entirely
Some CMS templates render the page title as an <h2> or a styled <div>. The page then has no H1 at all, weakening the topic signal and degrading accessibility.
Using H1 for visual styling
An H1 applied to a callout or quote just because it needs to be visually large corrupts the document outline. Style visuals with CSS; reserve heading elements for structural meaning.
Keyword stuffing the H1
"Best SEO tool SEO audit SEO checker SEO scanner free SEO" is an anti-pattern that looks spammy to users and is discounted by modern search engines. Write a natural headline that describes the page.
How Seoxpert Audits H1 Tags
The scanner reports H1 issues per page:
- —Missing H1 — page has no top-level heading
- —Multiple H1s — more than one H1 on the same page
- —Empty H1 — element exists but contains no text
- —H1 wrapping the logo or site-wide brand mark
- —H1 text that duplicates across many pages (template leak)
- —H1 disagreeing with the title tag or primary keyword
Related: meta description → · on-page SEO issues →