The H1 tag is the <h1> element: the main heading of a web page, the one that tells a reader what the whole page is about. It is the top of six heading levels in HTML. For SEO it matters less than folklore says and more than the sceptics admit. Google has said many H1s, or none, are not a problem for its systems. But Google also uses the main heading when it writes the headline of your search result, screen reader users jump to it, and when a page has two competing H1s, something has to guess which one you meant.
This guide covers what the H1 tag is, what Google has actually said about how many to use (with dates), why one is still the right default, logo and hidden H1s with real examples, the H1 next to the title tag, and good H1s by page type. To see any page’s H1s, run it through the free heading checker.
Sources: the HTML standard[2]; John Mueller as reported by Search Engine Journal[3]; WebAIM’s survey of 1,539 screen reader users[10]; MDN[1].
What is an H1 tag?
<h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.” It adds that a page should generally have “a single <h1> element that describes the content of the page (similar to the document’s <title> element)”[1].In practice the H1 is the headline at the top of the content: a product’s name, a post’s title, a service page’s promise. It sits in the body, inside the main content, not in the site header. The HTML standard says that if a document has headings, at least one should have a heading level of 1[2].
<body>
<header>
<a href="/" class="logo"><img src="/logo.svg" alt="Harbor Lane Bakery"></a>
<nav>...</nav>
</header>
<main>
<h1>Sourdough starter: how to feed it, every day</h1>
<p>Feed it once a day at room temperature...</p>
<h2>What you need</h2>
...
</main>
</body>Most platforms write the tag for you. WordPress’s documentation says that “In most cases, the page title is used as the <h1> tag, with subsequent Heading blocks added as H2, H3, and so on”, varying by theme[12]. So on WordPress the H1 is usually the post title field, and adding a second H1 block inside the post gives the page two.
One H1 or several? What Google said, and when
Few SEO questions have been answered by Google as often, and as consistently. The newest statement we could trace is from April 2023, and none we found changes the position.
Sources: Search Engine Journal, 30 September 2019[3] and 12 May 2021, which quotes the video without dating it[5]; Search Engine Roundtable, 1 October 2019, updated with the April 2023 post[4], and 4 November 2022[6].
Mueller also said, in the 2019 answer, that “H1 elements are a great way to give more structure to a page so that users and search engines can understand which parts of a page are kind of under different headings”, and that SEO tools flagging two H1s are pointing at something that is “not a critical issue”[3]. Not critical is not the same as irrelevant.
Why one H1 is still the right default
Three reasons, none of them a penalty:
- Google’s title links. Google builds the headline of a search result from several sources, including the main visual title and heading elements. Its documentation asks you to make it clear which text is the main title, for example by “putting the title text in the first visible
<h1>element on the page”. When a page has two or more headings “that use the same styling or heading level”, Google “may use the first heading as the text for the title link”[7]. Two H1s, with the logo first, is that case. - Standards and accessibility. MDN: multiple H1s are allowed by the HTML standard “as long as they are not nested”, but “this is not considered a best practice”[1]. Screen reader users jump between headings, and 71.6% of them do that first on a long page[10]. One H1 is where they expect the page to start.
- AI search. Microsoft’s Bing team says the page title, description and H1 “are important signals AI systems use to interpret purpose and scope”, and that the H1 “should match (or closely reflect) the page title”[8]. One clear H1 gives that signal once.
The HTML5 point deserves a sentence of history. Older versions of the standard allowed an H1 at the top of every <section>, and browsers rendered those nested H1s smaller. MDN says that pattern “was never considered a best practice and is now non-conforming”, and that the context-dependent default style was removed from the standard in May 2025[1]. If an older theme still uses that pattern, its nested H1s may now render at full size.
Logo H1s and hidden H1s
The most common second H1 isn’t a choice anyone made. It is the logo, wrapped in an H1 by a theme so that the site name is “the main heading” on every page. On the home page that can be defensible; on a product page it means the page’s main heading is the same as on every other page.
A real example. On 11 October 2026 the BBC News front page had one H1, and it was the News logo: an SVG with aria-label="News" and a <title>News</title> inside it. For a section front page whose subject is “News”, that is a reasonable choice: the logo is accessibly named and the name is the page’s subject. On a story page the same pattern would name every article “News”.
<!-- Before: the logo is the page's main heading on every page --> <h1 class="site-logo"><a href="/"><img src="/logo.svg" alt="Harbor Lane Bakery"></a></h1> <!-- After: the logo is a link; the H1 belongs to the page's content --> <a href="/" class="site-logo"><img src="/logo.svg" alt="Harbor Lane Bakery"></a> ... <main> <h1>Custom birthday cakes in Bristol</h1> </main>
The W3C’s tutorial shows both layouts as acceptable: one where the H1 comes first and the navigation headings sit a level below, and one where navigation comes first and “the main heading is not the site name but the content heading”[9]. The second is the pattern most sites want.
Visually hidden H1s
Another real example, from the same day: WordPress.org’s News page has one H1, “News”, with the class screen-reader-text. Screen readers announce it; sighted visitors don’t see it. Google’s spam policies list “Text that’s only accessible to screen readers and is intended to improve the experience for those using screen readers” as not violating them, while text hidden “solely to manipulate search engines” is abuse[11]. A short, honest hidden H1 is the first kind. A hidden H1 stuffed with keywords is the second. A visible H1 is still better for the sighted majority.
H1 vs title tag
They are different elements with different jobs. The <title> sits in the head and names the page in browser tabs and, usually, in search results; the H1 is the visible headline in the body. They should agree on the subject, and the wording can differ: the title often adds the brand and must make sense out of context, while the H1 can lean on the page around it. Microsoft asks for the H1 to “match (or closely reflect)” the title[8]. The full comparison, with the HTML standard’s own example and a three-way table including og:title, is in title tags: length, examples and rewrites.
Good H1s by page type
The examples below are our illustrations for an invented bakery, not real pages. Each H1 names what that page, and only that page, is about.
| Weak H1 | Stronger H1 | Why | |
|---|---|---|---|
| Home page | Welcome! | Sourdough and celebration cakes, baked daily in Bristol | Says who you are and what you do; "Welcome" says nothing |
| Product page | Harbor Lane Bakery (the logo) | Seeded sourdough loaf, 800 g | The product's name, not the site's |
| Category page | Products | Gluten-free cakes | Names the set of items on this page |
| Blog post | Tips | How to feed a sourdough starter: a daily routine | The question the post answers, in the reader's words |
| Local service page | Services | Custom birthday cakes in Bristol | What, and where, when location is part of the search |
| Contact page | Get in touch!!! | Contact Harbor Lane Bakery | Plain is fine; it's a utility page |
A pattern across the strong column: the H1 is a noun phrase or a question, it contains the words someone would search for because those are the natural words, and it is not a slogan. Keywords belong in the H1 when they are the honest name of the page; stuffing them in reads badly to people and helps nobody. The rest of the page structure, H2s and below, is covered in header tags SEO.
How to check your H1
In the browser. Paste this into the developer console. It lists every H1 the page has after scripts ran:
// Paste into the browser console on the page you are checking
[...document.querySelectorAll("h1")].map((h) => h.textContent.trim())
// Every H1 the browser has now, after scripts ran. Usually you want exactly one.In the server HTML. The heading checker reads the HTML your server sends, without running JavaScript, which is what most AI crawlers receive. If the console shows an H1 that the checker doesn’t, a script is adding it. It also flags a logo H1, an H1 that shares nothing with the title, and a page with no H1 at all.
Checking H1s across a site
Logo H1s and missing H1s come from templates, so they repeat on every page built from one. CoreCited’s Site Audit checks for exactly one H1 on every page it crawls and lists the text it found, so a template problem shows up as one pattern. The free account audits 10 pages; every limit is on the pricing page.
Questions people ask
What is an H1 tag?
The H1 tag is the <h1> HTML element, the highest of the six heading levels. It is the main visible heading of a page, the one that says what the whole page is about. MDN describes a page's H1 as similar to its <title> element: a single heading that describes the page's content.
How many H1 tags should a page have?
One, as a default. The HTML standard allows more, and Google's John Mueller said in 2019 that Google's systems don't have a problem with multiple H1s and a site can do fine with none or five. MDN calls a single H1 the best practice, and one H1 removes any doubt for readers, screen reader users and Google's title link system about which text is the main title.
Is having multiple H1 tags bad for SEO?
Not as a penalty. Google has said it is not a critical issue. The practical risk is different: when a page has several equally prominent headings, Google's title link documentation says it may use the first one as the text for the search result's title. If your first H1 is a logo or a banner, that is the wrong text.
Should the H1 be the same as the title tag?
Same subject, not necessarily the same words. The title tag names the page in tabs and search results and usually carries your brand; the H1 is the headline on the page. Microsoft's Bing team says the H1 should match or closely reflect the page title. Our title tag guide covers the differences in detail.
Should the logo be an H1?
Generally not on inner pages. A logo H1 repeats the site name as the main heading of every page, which tells readers and crawlers nothing about the page itself. Make the logo a link and give each page an H1 for its own content. On the home page some sites keep the site name as the H1, which can make sense there.
Can the H1 be hidden?
A heading that is visually hidden but read by screen readers is fine; Google's spam policies list text that's only accessible to screen readers and improves their experience as not violating its policies. Hiding a keyword-stuffed H1 from view to manipulate search is hidden text abuse. A visible H1 is better for sighted readers anyway.
