Title tag vs H1: what is the difference?

The short answer

The title tag is the page name stored in the HTML head. It appears in browser tabs and often as the blue headline in search results. The H1 is the main visible heading on the page itself. They can be similar, but each has its own audience: the title tag speaks to searchers, the H1 to people who have already arrived.

Where each one appears

The title tag lives in the hidden head section of the page code. You do not see it on the page. You see it in the browser tab, in bookmarks, when someone shares the link, and often as the clickable headline in search results.

The H1 is a heading inside the page body. It is the large heading a visitor reads first once the page has loaded. Most pages should have one clear main heading, followed by H2 and H3 headings for the sections beneath it.

Put simply: the title tag is the label on the outside of the box, and the H1 is the heading on the first page inside it.

The job each one does

The title tag answers the question a searcher has while scanning a list of results: is this the page I want? It has to make sense with no context, because it appears next to other pages from other sites. It also gives search engines a strong clue about the topic.

The H1 answers a different question for a person who has already clicked: am I in the right place? It confirms the topic and sets up the content below. It can be warmer, more conversational or slightly longer, because the reader is already committed.

Search engines read both. Google has said it may use other text on the page, including headings, to create the title it shows in results, so your title tag is a strong suggestion, not a command. Check the current documentation on title links for the details.

Side-by-side comparison

Keep this table in mind when you review a page: if you can answer every row for your own page, you understand both elements well enough to edit them.

Should they be identical?

They can be identical, and on many pages that is perfectly fine. A page called "Contact us" does not need two different phrasings. Problems start when a team forces the same wording out of habit and loses a chance to serve each audience better.

Here is an example, written for illustration only. A page about boiler servicing might use the title tag "Boiler Servicing in Leeds | Book a Service" and the H1 "Boiler servicing for homes in Leeds". Both name the same topic. The title is compact and click-minded; the heading is a natural sentence.

A good rule: keep the same main topic and the same main phrase in both, then vary the surrounding words. Never make them describe different things, because that confuses searchers and search engines alike.

How to write a good title tag

1. Lead with the main topic in plain words a customer would use.
2. Make it specific to this page, not a repeat of the site name or a sitewide phrase.
3. Keep it short enough to display in full; long titles may be cut off, so test how the page looks in search.
4. Put the brand name at the end, if you include it at all.
5. Avoid stuffing several keyword variations separated by pipes.

Every page needs its own title. Duplicate titles across many pages make it harder for anyone to tell the pages apart, and they often point to a deeper problem such as two pages competing for the same topic. Our guide to keyword cannibalisation explains that issue.

How to write a good H1

Write the H1 for a visitor. Start from the question they arrived with and state the page's subject clearly. Avoid vague headings such as "Welcome" or "Our solutions", which tell neither people nor search engines anything.

• Use one H1 per page unless your design has a good reason otherwise.
• Make sure it is real text, not an image of text.
• Keep it consistent with the page content that follows.
• Do not use the H1 for the logo or a menu item. Page templates sometimes do this by mistake.

For help with the writing that sits under the heading, see SEO copywriting basics and how to write service pages.

A simple review routine

You do not need special software to check this. Work through your ten most important pages first.

1. Open the page and copy the text of the browser tab. That is the title tag.
2. Read the large heading at the top of the page. That is the H1.
3. Ask whether a stranger would understand both with no other context.
4. Check that the two describe the same subject.
5. Search for the page's exact address on Google and see how the title appears. If it looks different from what you wrote, ask why: is it too long, too generic or unrelated to the content?

Write the fixes in a spreadsheet beside each address, then change them in your content management system in one sitting. Re-check a few weeks later, since search engines take time to re-read pages and may keep showing the old wording for a while. Do not expect any change to be instant, and do not change titles again and again in the meantime.

If your site has hundreds of pages, a crawler can export every title and H1 into two columns so you can sort by duplicates, blanks and length. Fix the pages that matter most to the business first, and use a template rule for the rest, such as page name followed by brand name.

Common mistakes to check

• Missing titles or H1s. Run a site crawl and list pages with none.
• Several H1s from the template. Some themes make every section heading an H1.
• The same title on every page. This often comes from a default setting that was never changed.
• Mismatch. A title promising one thing and a heading delivering another.
• Keyword repetition. Writing the same phrase three times reads badly and does not help.

Pages also need clean addresses; see URL structure best practices. When you decide which phrase belongs to which page, keyword mapping gives you a simple method.

Related guides

• SEO services
• URL Structure Best Practices for SEO
• Keyword Mapping: How to Assign Keywords to Pages
• Url structure for seo
• Website redesign seo checklist
• International seo basics for a growing business

Questions and answers

Is the H1 a ranking factor?

Search engines read headings, and they help explain a page's topic, but a clear heading is not a guaranteed way to rank. Write it for people first and make it match the page.

Can I have more than one H1?

HTML allows it, and search engines cope with it. For most business pages, one clear H1 is simpler for readers, for screen reader users and for your own editing.

Why does Google show a different title from mine?

Google may rewrite titles that are too long, stuffed with keywords or poorly matched to the page. Make the title accurate and concise, and check the current documentation on title links.

How long should a title tag be?

There is no fixed official limit. Display depends on width, so very long titles can be cut off. Keep the important words at the start and check how the page looks in results.