Title tag SEO: length, keyword first and 5 before/after examples

Short answer: A title tag is the <title> element in the <head> of a page. Google uses it as one source for the title link in search results and sets no limit on its length, but it shortens the link to fit the device width. Write one short, specific title per page and put the words that matter most first. "Keyword first" is our recommendation, not a rule from Google, and no title tag guarantees a ranking or a click.

What is a title tag, and what does Google do with it?

A title tag is the <title> element inside the <head> of an HTML page. The title in this snippet is an invented example:

<head>
  <title>Bike repair and servicing in Leeds | Northgate Cycles</title>
</head>

Browsers show it in the tab and in bookmarks. The HTML standard says authors should write titles that identify the page even out of context, for example in bookmarks or in search results.

In search, Google calls the headline of a result the title link. Google's page on title links says it creates the title link automatically from several sources, among them the <title> element, the main visual title on the page, headings such as <h1>, og:title and anchor text. The title tag is the source you control most directly, but Google may show something else.

Why bother? Google writes that the title link is "often the primary piece of information people use to decide which result to click". That is about people choosing a result. The page says nothing about how a title affects position, and neither do we.

How long should a title tag be?

Google gives no number. Its page says there is "no limit on how long a <title> element can be", and that the title link is "truncated in Google Search results as needed, typically to fit the device width". So the limit is about width, not characters; a character count is only a rough stand-in.

Too short is a problem too: Google's examples of vague titles are "Home" and "Profile". Say what the page offers in the first half, add the brand after that, and stop.

In SEOgrinder, the "Title & description" card in the "Page on Google" tab shows your title tag with its length in characters and an estimated pixel width, plus the badge "Recommended: 30–60 characters". If the estimated width passes about 700 px, the task list shows "Title may be cut off in results". Its advice: put the key words first or shorten the title, and Google sets no fixed limit.

Should the keyword come first in a title tag?

Google's page says nothing about word order and makes no claim that a word at the start ranks higher. So this is our recommendation, not Google's. Our reasoning: shortening happens at the end of a title, so the words at the front are the ones most likely to stay visible. That is about what people can read, not about ranking.

What we mean by keyword first:

• The keyword is the phrase the page is about. Use the words a searcher would type, in natural order: "Hiking boots for wet weather", not "Boots hiking wet".
• Name it once. Google says a few descriptive terms can help, but there is no reason to repeat the same words. Its example of what does not help users is "Foobar, foo bar, foobars, foo bars".
• Brand last. The brand is the same on every page and takes room. Google advises including just the site name at the beginning or end, separated by a delimiter such as a hyphen, colon or pipe. Either end is fine by Google; the end is our habit.

One title tag per page

Google asks for a <title> on every page and for distinct text on each one. Its example is a shop that titles every page "Cheap products for sale": users cannot tell two results apart. Long titles that vary by a single detail count as "boilerplate" too.

The fix is to name what only that page offers: the variant on a product page, the filter on a category page, the page number on a list.

SEOgrinder flags a page without a title as "Page has no title tag". For the whole site, the crawl in the "Website" tab lists "Duplicate titles" with the number of pages that use each repeated title, and the task list can say "N page groups share text or title".

5 title tag examples: before and after

The titles below are invented examples for illustration. They are not taken from real sites, and we attach no click, ranking or measurement to them. Each rewrite applies one rule from above.

Example 1: A vague title becomes a description

• Before: Home | Northgate Cycles
• After: Bike repair and servicing in Leeds | Northgate Cycles
• Why: "Home" is Google's own example of a vague descriptor. The new title says what the page offers and where, and the brand follows.

Example 2: A keyword list becomes one clear phrase

• Before (80 characters): Running shoes, cheap running shoes, buy running shoes online, best running shoes
• After: Running shoes for road and trail | Fellside Sports
• Why: Google says repeating words does not help users and can make results look spammy. The rewrite names the topic once and adds a detail.

Example 3: The same title everywhere becomes one title per page

• Before, on three product pages: Fellside Sports - shoes, jackets, bags and more
• After: Waterproof running jacket, men's | Fellside Sports, Waterproof running jacket, women's | Fellside Sports and Trail backpack, 20 litre | Fellside Sports
• Why: Repeated titles make results impossible to tell apart. Each new title names what only that page offers.

Example 4: A long title with the point at the end becomes a short one with the point first

• Before (106 characters): Fellside Sports Leeds Online Store | Our Complete Guide to Choosing the Right Hiking Boots for Wet Weather
• After (54 characters): Hiking boots for wet weather: how to choose | Fellside
• Why: Google shortens long titles to fit the device width, so the end is the part at risk. Here the topic leads. This follows our recommendation, not a Google rule.

Example 5: An outdated year becomes the current one

• Before: the title reads Trail race calendar 2025 | Fellside, while the heading on the page says "Trail race calendar 2026"
• After: Trail race calendar 2026 | Fellside
• Why: Google lists "obsolete" titles among its common issues: the page was updated, the title was not. It says it may notice the mismatch and use the date from the visible title. Do not rely on that: then the choice is Google's.

How Google decides which title link to show

Google says the title link is generated completely automatically, from the page and from references to it on the web, and that it cannot change title links for individual sites by hand. After you edit a source, Google has to recrawl the page, which "may take a few days to a few weeks".

Google lists the cases in which it may replace your title:

• Half-empty title, such as | Site Name. Google may take the heading text instead.
• Obsolete title, as in Example 5.
• Inaccurate title that does not reflect the page.
• Micro-boilerplate: pages share a title and differ in one detail, such as a season number. Google may add the detail from large text on the page.
• No clear main title: several headings with the same weight. Google may use the first one.
• Language or script mismatch, for example a Hindi page with an English or transliterated title.
• Repeated site name, which Google may drop.

If you see a changed title link, Google suggests checking your page against this list. If none applies, it suggests asking whether the displayed title fits the search better than yours.

Our rule of thumb: give the page one clearly main heading, and make the title tag and the H1 describe the same thing. They need not match word for word, because a title must make sense on its own, as the HTML standard notes.

Common title tag mistakes

• No title, or an empty one. Google then has to guess from headings and other text.
• The same title on many pages, a keyword list or a vague word such as "Home". Google names all three.
• The brand takes most of the room. This one is our view: the words that identify the page get cut first.
• A title that is never updated. Years go stale in the title first.
• Blocking the page in robots.txt and expecting your title to appear. Google says that without access to the content it relies on off-page text such as anchor text from other sites. To keep a URL out of the index, use noindex.

How do you check your title tag?

Search the page source in your browser for <title>, or run this in a terminal (it works when the title sits on one line).

curl -sS https://example.com/page | grep -i -o '<title>[^<]*</title>'

What this looks like on seogrinder.com. On 4 November 2026 we ran that command against two of our own addresses. The home page returned SEOgrinder — SEO analysis with clear recommendations. It puts the brand first, and Google calls the home page a reasonable place for extra information about the site. Our article on soft 404 errors returned Soft 404 errors: how to find and fix them (3 setups) as its title tag, while its H1 reads "Soft 404 errors: what they are & how to fix them". Both describe the same page in different words.

The free scan in SEOgrinder reads the title tag of the page you enter. Open the "Page on Google" tab for the "Title & description" card and the "Tasks" tab for the findings named above. It checks the tag in your HTML, not Google's results page; the "Google preview" card is only a rough preview. Press "Check again" after each change.

FAQ

What is the ideal title tag length?

Google names none. It sets no limit and shortens the title link to fit the device width. We use 30 to 60 characters as a rule of thumb.

Should I put my brand name in the title tag?

Yes, briefly. Google's SEO starter guide says a title could include the name of your website or business and a location.

Your next step

Pick the five pages that matter most to you and write down their title tags. Check each: one per page, the main words first, the brand last, nothing repeated. For the line below the title in a result, see our article on meta description length. Then scan the site with SEOgrinder, fix what the "Title & description" card and the task list show, and press "Check again". Allow Google a few days to a few weeks to pick up changes. For the rest of the basics, see our SEO audit checklist.