How to Write a Title Tag That Gets Clicked (With Examples)

Most title tags are written for robots, but in 2026 the bigger gains come from psychology. Your title tag is the hook that decides whether a searcher trusts you or your competitor. In my experience, a specific title beats a generic one almost every time.

This guide covers how to write title tags step by step: the HTML, a formula, title tag length in characters and pixels, where the brand goes, worked rewrites with real character counts, and the reasons Google swaps your text for something else.

What is a title tag?

A title tag is the <title> element inside a page's <head>. Browsers show it on the tab, and Google uses it as the main source for the blue clickable line in search results, which Google's documentation calls the title link. WordPress plugins and most SEO tools call the same field the "SEO title", so if your CMS has a box with that name, it fills this element.

Here is how it sits in the HTML, next to the meta description that usually appears under it:

<head>
  <title>Free Bulk UUID v4 Generator, No Sign-up | InDemand Tools</title>
  <meta name="description" content="Generate up to 100 random v4 UUIDs at once...">
</head>

Each page gets one title element. The meta description is a separate tag with a separate job; what a meta description is and how Google uses it covers that half of the result.

How do I write a title tag that actually ranks?

The most effective structure I've found is [Primary keyword] + [Specific modifier] | [Brand].

Aim to keep the length between 50 and 60 characters. Google sets no length limit, so this is a rule of thumb that usually keeps a title in one piece on desktop. Front-load your most important keyword so it's the first thing users see. A specificity hook such as "No sign-up", "Free" or the current year gives searchers a concrete reason to choose your result.

In practice I write a title in four steps:

1. Write down the query you want the page to answer, in the words a searcher would type ("merge pdf files", not "PDF combination utility").
2. Put that phrase, or the closest natural version of it, at the start of the title.
3. Add one modifier that is true of the page and matters to the searcher: a format, a year, a number, a location or a constraint such as "no sign-up".
4. Add the brand after a separator, then check the full length before publishing.

Title tag length: the 580-pixel rule of thumb

I tell everyone to stop relying on the old 60-character rule on its own. What runs out on the results page is width, and a wide letter like "M" takes up nearly four times the space of a thin one like "i" in Arial.

Google doesn't publish a pixel limit; its documentation says title links are truncated "as needed, typically to fit the device width." Most measurements put the desktop cut-off at around 600 pixels. I work with about 580 pixels as my desktop budget so there is a small margin. Past that, a title is likely to be cut off with an ellipsis (...), which can hide the words that would have earned the click. I always check titles in a SERP preview tool before publishing. Ours cuts at 60 characters (55 on mobile) rather than measuring pixels, so I leave extra room for titles with lots of capitals.

Two titles with the same character count can end up very different widths. "Illuminating little lilies" is mostly thin letters; "WOMEN'S WARM WOOL MAWS" is mostly wide ones. In Arial at 20 pixels, the size our SERP preview uses for titles, the first measures about 187 pixels and the second about 297, despite being four characters shorter. If your title is in title case or contains words like "Maximum" or "WWE", treat 55 characters as the ceiling. A character counter gives you the exact count, including spaces, before you paste the title into a preview.

Why your brand name should be at the end

Unless you're a household name like Amazon or Apple, your brand shouldn't lead the title. Most searchers are looking for a specific solution, like a "JSON Formatter", not a company they've never heard of. Google's guidance suggests putting the site name at the beginning or end of the title, separated by a delimiter such as a hyphen, colon or pipe.

• Bad: InDemand Tools | Free UUID Generator Online
• Good: Free Bulk UUID v4 Generator, No Sign-up | InDemand Tools

The brand also costs characters. " | InDemand Tools" is 17 characters, which leaves about 43 for the part that describes the page. On a long title, the brand is the part I let Google truncate, because the words that matched the search are already visible.

Title tag examples: before and after

These rewrites use made-up pages. The counts include spaces.

Each "after" title names the thing the searcher typed, adds one specific detail, and drops filler. The running shoes example also replaces an old year, which is one of the triggers Google lists for rewriting a title.

Three title hooks that still work in 2026

These are the three hooks I rely on most:

• The "no friction" hook. I lean on "No sign-up" or "Instant" more than "Free". My sense is that people worry more about handing over their data than about paying a small fee.
• The number hook. A title like "7 Common JSON Errors" tells the searcher exactly what they'll get, which "Common JSON Errors" doesn't. For some reason, odd numbers seem to do slightly better than even ones in my experience.
• The year hook. For guides like "Meta Description Limits 2026", the year tells searchers the advice is current. A word of caution: don't put a year on a page and forget it. It looks stale to readers, and Google lists an outdated year as one reason it may show a different title.

Title tag vs H1 vs SEO title

People mix these up because on many pages they hold the same words. They are different elements:

The H1 and title don't have to match word for word, but they should describe the same thing. Google says it looks at the main visual title and heading elements when it builds title links, so a title that promises something the H1 doesn't mention is more likely to be replaced.

Capitalisation is a style choice. Our blog headings use sentence case and many sites use title case for titles; title case vs sentence case compares the two, and the case converter switches a title between them in one click.

Common mistakes I see every day

The biggest mistake I see is keyword stuffing. A title like JSON Formatter, JSON Validator, JSON Editor, JSON Tool reads as spam, and Google's title link guidance says this kind of repetition "can make your results look spammy to Google and to users." It's confusing and unprofessional. My advice is to pick one primary keyword and one secondary benefit. That's all you need. How to avoid keyword stuffing covers the same problem in body text.

The other mistakes on Google's list are easy to spot once you look for them:

• Vague titles such as "Home" or "Profile" that say nothing about the page.
• Boilerplate: every page sharing the same long text with only one word changed, such as "Band Name - See videos, lyrics, posters, albums, reviews and concerts".
• Duplicate titles across pages, which make it impossible for a searcher to tell two of your results apart.
• A title in a different language or script from the page content.

Title tag checklist before you publish

• The main search phrase appears once, near the start.
• The title is unique on your site and matches what the H1 and the page deliver.
• It fits in about 50 to 60 characters, or 55 if it has a lot of capitals or wide letters.
• Any year in it is the current one, and you have a reminder to update it.
• The brand is at the end, after a hyphen, colon or pipe.
• The meta description underneath adds new information instead of repeating the title. How to write a meta description walks through that step.

If you'd rather generate both tags as ready-to-paste HTML, the meta tag generator builds the title, description, canonical and Open Graph lines from one form.

Frequently asked questions

Does Google really rewrite title tags?

Yes. In August 2021 Google started making more use of text people can see on the page, such as the main heading, when it builds title links. At the time it said the title element was still used "more than 80% of the time." Its documentation lists the usual triggers, including half-empty titles, an outdated year, titles that don't match the page and repeated boilerplate. I try to match my H1 to my title as closely as possible so Google has less reason to swap in different text.

Should I use pipes (|) or hyphens (-)?

Google's documentation lists a hyphen, colon or pipe as separators for the site name and doesn't prefer one, and I haven't seen a ranking difference between them. Pipes are thinner and take up fewer pixels. Hyphens, on the other hand, tend to look a bit more natural. We use a pipe before the brand name on both our tool pages and our blog posts to keep things consistent.

Is there a maximum title tag length?

No. Google's documentation says "there's no limit on how long a <title> element can be," and the title link is truncated to fit the device. A long title isn't penalised for its length, but anything past the cut-off is hidden, so put the words that matter first.

Can two pages have the same title tag?

They can, but they shouldn't. Google asks for distinct title text on each page, and identical titles make your own results look interchangeable when two of them appear for one search. Add the detail that separates the pages, such as the product model, city or topic.

Source: Google Search Central, Influencing your title links in search results.