What is the difference between a title tag and an H1, and how should I write each?

A title tag is the clickable headline that appears in search results and browser tabs, while the H1 is the main visible heading at the top of the page itself. They often say similar things, but they have different audiences and different jobs: the title tag has to win the click from a results page, and the H1 has to confirm to the reader they have landed in the right place. You can and often should make them slightly different. Here is how to write each properly.

## Why they are not the same

The title tag lives in the page's head and is used by search engines as the headline in the listing. The H1 is part of the visible body content. Search engines read both, but they play distinct roles:

- **Title tag:** competes in a crowded results page against other listings, so it must be persuasive and concise.

- **H1:** reassures the visitor and frames the content, so it can be longer and more descriptive.

Giving them identical text is allowed and common, but treating them separately lets each do its specific job better.

## How to write a strong title tag

The title tag is your advert in the search results. Treat every character as valuable.

- Put the primary topic near the front so it survives truncation on smaller screens.

- Keep it readable; engines may rewrite titles that look stuffed or duplicated.

- Make it specific. "Pricing guide" loses to "How much does X cost in 2026".

- Include your brand at the end where it adds trust, and drop it where space is tight.

- Avoid repeating the same boilerplate across many pages, which causes the engine to ignore your title entirely.

A useful test: would this line make you click if you saw it among nine competitors? If not, sharpen it.

## How to write a strong H1

The H1 is for the person who has already arrived. Its job is clarity, not persuasion.

- State exactly what the page is about in plain language.

- Match the searcher's question so they instantly feel they are in the right place.

- Use only one H1 per page; reserve H2 and H3 for sub-sections.

- It can be a little longer and more natural than the title tag.

If a visitor reads only your H1 and first paragraph, they should understand what they will get.

## Should they match exactly?

Not necessarily. Two sensible approaches:

1. **Mirror them** when the topic is simple and one phrasing serves both audiences well.

2. **Differentiate them** when the search-results context differs from the on-page context, for example a title that emphasises a benefit and an H1 that states the topic neutrally.

What you should avoid is having multiple H1s, a missing H1, or a title tag that is just the brand name with no topic.

## Common mistakes

- Letting the CMS auto-generate the title tag from the H1 with no editorial control.

- Stuffing both with keyword variants until they read like spam.

- Using the same title template across hundreds of pages.

- Hiding the real topic behind a clever phrase the searcher would never type.

- Multiple H1 elements caused by theme or template quirks.

## A quick workflow

For each page, write the H1 first because it forces you to define the topic clearly. Then write the title tag as a tightened, click-worthy version of that idea, leading with the primary phrase and trimming to fit. Finally, preview how the title renders in a results snippet to confirm the important words are visible before any truncation.

At neart.ai we build enterprise-grade products in this area, and across large content sets the pattern is reliable: pages with a distinct, click-worthy title and a clear, single H1 outperform pages where both were left to a template.

## Practical takeaway

Write the H1 first for clarity and the title tag second for clicks. Keep one H1 per page, lead the title with your primary phrase, and avoid duplicating boilerplate across pages. They can differ, and often should, because they speak to people at two different moments in their journey.