Title Tag vs H1: What’s the Difference?

The title tag and the H1 are two of the most important pieces of on-page text, and they are easy to confuse because they often say something similar. The difference is where they live and who they are for. A title tag is an HTML element in the page’s head that sets the title shown in the browser tab and, usually, in search results. An H1 is the main heading readers see at the very top of the page content. Understanding title tag vs H1 helps you write each one for its real job instead of treating them as the same field.

What a title tag does

The title tag is defined in the HTML head with the <title> element. Search engines use it as the default clickable headline in the results, and browsers use it to label the tab and bookmarks. Because it often appears in search results, the title tag is doing marketing work: it needs to be accurate, include the target keyword naturally, and be compelling enough to earn a click. Google may sometimes rewrite the displayed title, but a clear, relevant title tag is still the best starting point, and it pairs closely with a strong meta description.

What an H1 does

The H1 is a heading element (<h1>) placed at the top of the visible page. Its job is to tell readers, at a glance, what the page is about the moment they arrive. It also helps search engines and assistive technology understand the page’s structure and main topic. Where the title tag has to work inside the tight space of a search snippet, the H1 lives on the page itself, so it can be a little longer or more descriptive if that reads better for the visitor.

It is worth clearing up a common mix-up: in many content management systems, the field labeled “title” when you create a post is used to generate both the page’s H1 and, by default, the title tag. That is why the two so often end up identical. But they are separate elements in the final HTML, and most SEO plugins let you set a custom title tag that differs from the visible H1 — which is exactly where the useful distinction comes into play.

Should the title tag and H1 be the same?

They can be identical, and for many pages that is perfectly fine, but they do not have to match. The two appear in different places for different audiences, which gives you a reason to vary them. A common approach is to write a concise, keyword-focused title tag for the search result and a slightly more descriptive or engaging H1 for the reader who has already clicked. As long as both clearly describe the same page and share the core topic, having them differ is not a problem and can even improve clarity. One practical reason to vary them is length: the title tag can get truncated in results, so a tight version works better there, while the H1 has room to breathe on the page and can add a few clarifying words.

How many H1s should a page have?

The clean, widely recommended approach is one H1 per page — a single main heading that names the page’s primary topic. Modern HTML technically allows multiple H1s within sectioning elements, and Google has said it can handle more than one, but a single clear H1 keeps your structure easy for readers and machines to follow. Use H2s and H3s for the sections beneath it. Keeping one H1 and a logical heading hierarchy is part of solid on-page SEO.

Does the title tag affect rankings more than the H1?

The title tag is generally the more influential of the two for search, because it is a long-standing, direct signal of a page’s topic and it appears in the results where it drives clicks. The H1 is a supporting on-page signal that reinforces the topic and improves usability and accessibility. Neither is a magic lever, and both work best when they honestly reflect content that matches search intent. In practice, get the title tag right first, then make sure the H1 clearly echoes the same subject for the reader.

How to write both well

Write the title tag with the search result in mind: keep it reasonably short so it does not get truncated, lead with the main keyword where natural, and make it inviting to click. Write the H1 with the on-page reader in mind: make it a clear, human heading that confirms they are in the right place. A few practical tips:

• Give every page a unique title tag and a single H1.
• Include the target term in both, phrased naturally rather than stuffed.
• Keep the title tag concise; keep the H1 clear and readable.
• Make sure both accurately describe what the page delivers.

One more habit helps keep things consistent: when you update a page’s topic, revisit both elements together. It is easy to rewrite the visible H1 during an edit and forget the title tag buried in the SEO settings, leaving the two out of sync. A quick check that both still describe the page accurately prevents a mismatch that can confuse searchers who click through expecting one thing and find another.

Handled this way, the title tag and H1 stop competing and start working together — one earning the click in search, the other confirming the promise on the page.