Title tag – what it is and how to optimise it

Definition

The title tag is the HTML element that defines a page's title and is shown as the clickable headline in the search results. It is one of the strongest on-page SEO signals and decides whether users click.

What is a title tag?

The title tag is the HTML element <title> that defines a document's title. It is shown as the clickable headline in Google's search results (SERP), as the tab name in the browser and as the title when the page is shared on social media. For search engines, it is one of the strongest on-page signals of what the page is about.

Title tag vs H1 – what is the difference?

A common misconception is that the title tag and the H1 always have to be identical. In practice, they are separate elements with different purposes:

• Title tag – Shown in the search result and the browser tab. Optimised primarily for search engines and click-through. Should include the primary keyword near the start.
• H1 – The heading visitors see on the page. It can be longer and more conversational, written first for readability and second for search.

They can differ – and it is often right to let them. The title tag should win the click; the H1 should welcome the visitor and confirm they have come to the right place.

Test your title tag

Type your title and meta description into the fields below to see straight away how they will look in Google's search results – and whether they risk being cut off. As a rule of thumb, keep the title under ~580 pixels (≈ 50–60 characters) and the meta description under ~920 pixels (≈ 120–160 characters).

‍

Optimal length and keyword placement

Google shows titles up to roughly 600 pixels wide, which corresponds to about 50–60 characters in a normal font. Longer titles are truncated with "…" in the search result. Titles shorter than 30 characters leave space unused.

Place the keyword as early as possible in the title – a practice known as front-loading. There are two reasons: search engines give more weight to words at the start, and users read titles from the left. The brand name usually goes last, separated by a pipe character or a dash:

Primary keyword – Secondary keyword | Brand

In some cases – where the brand is very strong and giving it maximum prominence is strategically important – it can be worth putting the brand first in the title tag.

Google rewrites titles – when and why?

Since 2021, Google has rewritten title tags when it judges that the H1 or other page content better represents the page's relevance to the query. According to research by Ahrefs, Google rewrites around 33 per cent of all title tags. This mainly happens when:

• The title is too long and gets truncated
• The title contains repetitive keyword stuffing
• The title does not match the page's actual content

The best insurance against unwelcome rewrites is a title tag of the right length, with descriptive wording that closely matches the page's H1 and content.

Title tags and quick ranking wins

The title tag is one of the easiest places to pick up quick ranking wins on an existing website. Pages ranking in positions 5–15 for a priority keyword can often reach the top 3 simply by optimising the title tag: move the primary keyword forward, remove filler words and make sure the tag matches the user's search intent. It is low-hanging fruit that should be prioritised early in any SEO strategy.