Skip to content
Have a project in mind?
The Gloria JournalSEO

Title tag vs H1: what's the difference and how to write both

Hot-air balloons drifting above a lit lighthouse on a rocky coast at dusk

The <title> element and the <h1> element both carry something that reads like a heading. Plenty of directors and marketing managers treat them as one thing, and WordPress encourages the habit: most themes fill both from a single field. Yet they sit in different parts of the document, reach the reader in different places, and are not read the same way by Google.

This article sets out what the HTML specification says, how Google uses each element to build the title link shown in its results, and which criteria to apply to each. Every figure below comes from Google's documentation or a published study, with its date and scope.

The practical stake is simple: your title tag is what people see before deciding to click, and your H1 is what Google falls back on when that title tag will not do.

Two elements, two locations, two audiences

The <title> element belongs in the document head. It never appears in the body of the page: you see it in the browser tab, in bookmarks, in history and, most often, in the blue link of a search result.

The <h1> element belongs in the body. It is the visible heading at the top of the content, the one a visitor reads once the page has loaded. In markup terms:

<head>
  <title>Slate roof quotes in Bristol — Example Roofing</title>
</head>
<body>
  <h1>Slate roof quotes in Bristol</h1>
</body>
Title tag and H1 compared
Criterion Title tag H1
Location in the code Inside <head> Inside <body>
Where the reader sees it Browser tab, bookmarks, history, search results At the top of the page content
How many per page One only (HTML specification) Usually one; several are tolerated
Main job Identify the page out of context Introduce the content and structure the page
How Google uses it Primary source for the title link Fallback source and topic signal

What the HTML specification says

The WHATWG HTML specification defines the title element as the document's title or name, and states that there must be no more than one per document. It asks authors to choose a title that identifies the page even out of context: in a history list, a set of bookmarks, a page of results. It adds that this title is often different from the first visible heading, because a visible heading does not need to stand on its own — it is read alongside the rest of the page.

The h1 to h6 elements represent section headings, from level one down to level six. The specification does not forbid several h1 elements in one document, but it does ask authors not to skip levels: an H1 is followed by an H2, not directly by an H3. That hierarchy serves screen readers and outline tools first of all.

How Google builds the title link

Google calls the clickable heading in its results the title link. Its Search Central documentation lists the sources it draws on: the <title> element, the main visual title, heading elements such as <h1>, the og:title tag, text made prominent through styling, and the anchor text of links pointing at the page. The title tag comes first, but Google does not confine itself to it.

Since the August 2021 update, Google has said it leans more on page content whenever a title tag looks inadequate. In its September 2021 follow-up post, it states that the title element is used in roughly 87% of cases, against around 80% immediately after the update. The triggers for a rewrite are documented: half-empty titles ("| Site name"), stale titles carrying a year nobody updated, titles that do not describe the actual content, titles repeated identically across a group of pages, several visible headings competing with equal weight, or a title written in a different language from the page.

On length, the official position is simple: there is no character limit, but the title link is truncated in results according to screen width. Practical guidance therefore comes from observation, not from a rule.

What the independent studies measured

Two published studies give an order of magnitude; their methods differ, which explains the gap.

  • Ahrefs, November 2021: across 953,276 pages ranking in the top 10, Google changed the title in 33.4% of cases, tolerating minor differences. Where the title tag was not used, the displayed heading came from the H1 in 50.76% of cases. Titles longer than 600 pixels were rewritten 57% more often than before the update.
  • Zyppy, first-quarter 2022 data: across 80,959 titles on 2,370 sites, 61.6% were rewritten in the strict sense, where any difference counts. Titles over 70 characters were rewritten in 99.9% of cases; those of 51 to 60 characters in only 39% to 42% of cases.

These figures date from 2021 and 2022, on largely English-language samples. They confirm two things: an over-long title is almost always adjusted, and the H1 is the first candidate to replace it. The H1 is not a layout detail — it is what Google displays on your behalf.

What the H1 does for Google and for readers

Google's SEO starter guide is measured about headings. It notes that heading order does not matter for Google Search, while a semantic order is very useful for screen readers, and that there is no ideal number of headings per page: if it feels like too many, it probably is.

Two levels need separating. For ranking, the H1 is one signal among many, helping establish what the page is about. For display, it becomes decisive as soon as the title tag causes a problem: Google's documentation recommends making the main heading distinct and placing it in the first visible <h1>, so that headings of equal weight do not create ambiguity.

For the reader, the H1 does something else again: it confirms they clicked on the right thing. A visitor arriving from a result that read "Slate roof quotes in Bristol" and meeting an H1 that says "Welcome" has every reason to leave. Heading consistency therefore belongs in any review of your SEO content, not only in a technical checklist.

Is it a problem if the title tag and the H1 are identical?

No. No Google rule penalises it, and many WordPress themes generate both from the post title. Differentiating them slightly still helps: the title tag can carry the brand and a piece of context — a town, a year, a format — that the H1 need not repeat, and the H1 can be longer and more natural because it is never truncated. It is a second-order optimisation, worth doing once every page has a unique, descriptive title tag.

How to write each one

The title tag

  • One per page, unique across the whole site.
  • Descriptive and concise: the specific subject of the page, not a list of keywords.
  • Understandable out of context — that is the logic of the HTML specification.
  • Site name at the end, separated by a dash, a colon or a vertical bar, as Google recommends. Avoid repeating it if it already appears elsewhere in the result.
  • Updated when the content changes: a stale year is one of the rewrite triggers Google lists.

The H1

  • One main H1, visually the most prominent element on the page.
  • Consistent with the title tag: same subject, in a phrasing that can be fuller.
  • Followed by H2 then H3, without skipping a level.
  • No H1 on the logo, the strapline or a widget. Many themes still do this, which produces several headings of equal weight.

In WordPress, the H1 normally comes from the post or page title, while the title tag is edited through an SEO plugin — in the panel below the editor, or in the plugin's global title templates when a pattern applies across a content type.

Checking your own pages

For a single page, view the source (right-click, then "View page source") and search for <title> and <h1>. The browser's Inspect tool shows the same thing on the rendered page, which matters when a theme injects headings through JavaScript. Then compare with what Google actually displays:

site:example.com/your-page-url/

If the title link differs from your title tag, look for the cause among the documented cases above. If the query returns nothing at all, the question is no longer about headings but about whether the page is indexed.

For a whole site, a crawler such as Screaming Frog SEO Spider lists in one pass the missing, duplicated or over-long titles, the pages with no H1 and those carrying several. These checks form part of any technical SEO audit: on a few hundred pages, duplicate titles and multiple H1 elements inherited from the theme are among the most frequent anomalies, and the least expensive to put right. It is worth deciding how far the review should go and scoping the audit before anyone starts crawling.

Common questions

Should the title tag and the H1 contain the same text?

There is no obligation either way, and Google does not penalise duplication. Differentiating them slightly is still useful: the title tag, short and understandable out of context, can carry the brand and a detail of place or format, while the H1 can be fuller because it is never truncated.

Can a page have more than one H1?

The HTML specification allows it, and Google states that heading order does not matter for ranking. In practice, a single prominent H1 stops Google hesitating between headings of equal weight, and helps screen reader users follow the structure.

Why does Google display a heading different from my title tag?

Google draws on other elements of the page, the H1 first among them, when the title tag looks too long, half-empty, stale, repeated across pages or unrelated to the content. According to Google, the title element has been used as written in roughly 87% of cases since late 2021.

How long should a title tag be?

Google sets no character limit, but truncates the title link according to screen width. The Zyppy study of 2022 measured that titles over 70 characters were rewritten in 99.9% of cases, against 39% to 42% for those of 51 to 60 characters — a guide, not a rule.

Is it worth rewriting titles that Google has already replaced?

Understand why they were replaced first. If the cause is a half-empty or duplicated title, fixing it gives you back control over what appears in results. If Google is simply preferring a clear H1 that already matches the page, the gain is smaller and the effort is better spent elsewhere.

This link opens in a new tab.