What a meta title is, and why it decides your click-through rate
The meta title — technically just the <title> element in your page head —
is the first line anyone reads about you in search results. It is the blue, clickable
headline, which makes it the only piece of advertising space in the SERP that genuinely
belongs to you. It also shows up in browser tabs, bookmarks and most shared links.
The arithmetic behind it is brutally simple. Your ranking position determines how many people see your result at all. How many of them click is decided almost entirely by the title. Two pages in the same position can differ by a factor of two in click-through rate purely because one makes a promise and the other says “Products — Company Ltd”. Put differently: rewriting a title often earns more additional traffic than three weeks of link building, and it takes five minutes.
On top of that, the title is a direct ranking signal. Not the strongest one, but a dependable one: when the searched term appears in the title, Google gets an unambiguous hint about what the page covers. Which is why this single line rewards care more than almost anything else on the page.
Optimal length: count pixels, not characters
Nearly every guide gives you a number like “60 characters max”. It is a well-meaning simplification, and it is technically wrong. Google truncates by rendered pixel width, not by letter count. On desktop the cut-off sits at roughly 600 pixels, measured in a font around 20 pixels tall.
The gap between the two measures is bigger than people expect. Compare these titles, which have exactly the same character count:
- “WOMEN'S WALKING BOOTS” — wide capitals, enormous footprint
- “illicit little titles” — same characters, roughly half the width
A title packed with capitals, W and M hits the wall far sooner than one built from narrow letters like i, l and t. That is why this tool measures the actual pixel width of your text in the browser and shows characters and pixels side by side: the character count because everyone is used to it, the pixel width because that is what actually decides.
In practice, aim for roughly 400 to 600 pixels — around 50 to 60 characters. Below that you are leaving space on the table; above it you get cut. The goal is not to hit the limit exactly, but to place the decisive words before it. Losing the tail end is harmless when the tail end is only your brand or a modifier.
What about mobile?
On phones Google wraps titles across two lines, so more text survives than on desktop. Write for the desktop limit anyway: it is the stricter of the two. A title that fits on desktop is guaranteed to fit on mobile, but not the other way round. The desktop/mobile toggle in the preview above lets you check both.
Keyword placement: front-load it
Your most important search term belongs as close to the start as you can manage, for two reasons. The first is human: nobody reads a results page line by line, they scan the first two or three words. Someone searching for “running shoes for women” is looking for those exact words, immediately, not at the end of a sentence. The second is technical: Google weights early words in the title slightly more heavily.
This does not mean the title must open with a bare keyword. “Running shoes for women: the 10 best models tested” is perfectly good — the keyword is in the first characters and the rest supplies the reason to click. What you want to avoid are run-ups: “Welcome to”, “Home page of”, or a leading brand name that nobody recognises. Those words consume the most valuable pixels on your page and inform precisely no one.
A second keyword is fine when it fits naturally. The moment your title reads like a list — “Running shoes, running shoes women, buy running shoes cheap” — you have crossed into keyword stuffing. Google rewrites those titles with particular enthusiasm, and humans skip past them anyway.
Brand name: yes, no, or at the end?
The default answer is: at the end, separated by a pipe or an em dash. “Ergonomic Office Chairs Tested 2026 | Deskworks” is the shape that won out, because it serves both needs — the keyword up front for the search, the brand at the back for the trust.
There are three situations where you deviate. First, when your brand is better known than the topic it can lead; on a home page that is often the case. Second, on editorial content where every pixel is needed for the argument, you can drop the brand entirely. Third, if the title is already brushing the limit, a truncated brand is worse than no brand at all. A trailing “… | Deskwo…” looks sloppy and communicates exactly the opposite of professionalism.
The mistakes that cost the most clicks
1. The same title on hundreds of pages
The classic failure mode in shops and default CMS setups: every page is called “Company Ltd — Your Partner for Quality”. To Google those pages are indistinguishable, and to your visitors they are too. Every indexable page needs its own line, generated from category, attribute and page number if necessary.
2. Keyword stuffing
“Buy kitchen knives — cheap kitchen knives, kitchen knives review, best kitchen knives”. This worked fifteen years ago. Today it is a reliable way to get your title replaced by one Google wrote itself — and nobody was clicking it anyway.
3. Generic titles with no payoff
“Home”, “Products”, “Services”, “Untitled Document”. These say nothing at all. If the title gives no reason why this particular result helps, people click the one above it.
4. Titles that overpromise
A title promising “free” when a sign-up wall waits behind it wins clicks — once. Then bounce rate climbs, and Google notices very clearly that users are pogo-sticking straight back to the results page. Exaggeration is the most expensive way to buy attention.
5. ALL CAPS
“BUY RUNNING SHOES FOR WOMEN” reads worse, eats far more pixels and looks like a paid ad. None of that helps you.
Why Google sometimes rewrites your title
Since 2021, Google has replaced titles far more often than it used to — by its own account in roughly one out of eight cases. It then pulls your H1, an anchor text pointing at the page, or simply the site name. The usual triggers are:
- Too long: a title running well past the display width invites a shorter substitute.
- Too stuffed: keyword chains and comma lists get filtered out.
- Too generic: “Home” or “Products” gives Google nothing worth displaying.
- Poor query match: if the page body fits a specific query better than the title does, Google builds a better one.
- Contradicting the H1: when title and heading tell different stories, Google tends to believe the heading.
The remedies: respect the width, write for people rather than for counters, give every page its own title, and make sure the title and the H1 make the same claim without being word for word identical. Then check Google Search Console after a few weeks to see which pages still get rewritten — those are exactly the ones worth another pass.
Meta descriptions: not a ranking factor, but the ad copy
Descriptions do not feed into rankings; Google has stated this repeatedly. They still decide how many people click, which makes them the second half of your advertising space. Around 920 pixels are visible on desktop — roughly 150 to 160 characters — and mobile shows a little more.
A good description has two jobs. The first sentence answers the question the searcher just asked. The second gives a reason to click here rather than somewhere else: a number, a differentiator, a guarantee, a call to action. “Free shipping over £50” is concrete. “We offer high-quality products” is noise.
Two practical details. Google bolds words in the description that match the query, so your keyword belongs in there — written naturally, not stacked. And when your description is a poor fit for a specific query, Google assembles a snippet from the page body instead. That is normal rather than a failure. Writing your own is still worth it, for all the searches where it does get used.
Title and H1: related, not identical
The meta title lives in the search results; the H1 lives on your page. They should tell the same story without using the same words. The title has to work inside a cramped snippet, complete with brand and year. The H1 can be longer and more personal, because the reader has already arrived.
For example: title “Ergonomic Office Chairs Tested 2026 | Deskworks”, H1 “We sat in twelve ergonomic office chairs for three months so you don't have to”. Same subject, same keyword, two wordings tuned to two completely different moments.
Before and after: three examples
Blog post
- ❌ “Blog — Articles About Coffee | Northern Roastery” (no benefit, no clear keyword)
- ✅ “How to Grind Coffee: The Grind Size Guide for Home Brewing”
Product page
- ❌ “SKU 44821 | Online Shop” (meaningless to a human being)
- ✅ “Buy the EM-3 Espresso Grinder — 40 Settings, 2-Year Warranty | Northern Roastery”
Local business
- ❌ “Welcome to Our Website!” (the most valuable line on the site, thrown away)
- ✅ “Coffee Roastery in Manchester Northern Quarter — Roasted Fresh Daily”
How this tool works, and what it deliberately avoids
The suggestions above are built from stored patterns that have earned their keep in search for years: comparison, listicle, question, transactional and local formats, matched to the page type you select. Your inputs are slotted into those patterns, every result is measured immediately, and the list is sorted by whether it fits the display width and how early your keyword appears.
There is no AI and no external service involved, and that is a deliberate choice. A language model in the background would mean your keywords, product names and unpublished page ideas travelling to somebody else's server. That does not happen here. No request, no account, no log file. The pixel measurement is done by your browser with the same function it uses to lay out text anywhere else.
The trade-off, stated honestly: the patterns do not know your business. They give you a strong starting line and hard measurement to go with it — the final polish is yours. In our experience that last pass is where the difference gets made anyway.
Frequently asked questions
How long should a meta title be?
Google truncates by pixel width, not character count — roughly 600 pixels on desktop. That works out to about 55 to 60 characters, but far fewer if your title is full of wide letters like W, M or capitals. This is exactly why the tool measures the real rendered width of your text instead of just counting characters.
Is this meta title generator free?
Completely free, with no sign-up. There is no account, no daily cap and no premium tier hiding the good parts. Suggestions, the SERP preview, the analysis and the HTML export are available to everyone.
Is anything I type sent to a server?
No. The whole tool runs inside your browser. Title suggestions come from built-in SEO patterns and pixel widths are measured locally with the canvas measureText function. There is no upload, no AI endpoint and no storage. Disconnect from the internet once the page has loaded and everything keeps working.
Is there an AI behind the suggestions?
No, and that is deliberate. The suggestions come from title patterns that have worked in search for years — comparisons, listicles, questions, transactional and local formats. The upside: it is instant, it costs nothing, no data leaves your machine, and nothing gets invented. The final wording is yours, because you know your offer better than any model does.
Why does Google show a different title than the one I set?
Google rewrites titles that are too long, too generic, stuffed with keywords, or a poor match for the query. It then falls back to your H1, an anchor text pointing at the page, or the site name. The fixes are unglamorous but effective: respect the width, drop the keyword chains, give every page its own title, and make sure the title and the H1 tell the same story.
Is the meta description a ranking factor?
No. Google has confirmed several times that descriptions do not feed into rankings directly. They do affect click-through rate, though, and that decides how much traffic your position actually earns. Think of the description as ad copy for your search result rather than as an SEO lever.
Should the brand name go in the title?
On home pages, product pages and category pages, almost always — it adds trust, and it belongs at the end, after the keyword. On blog posts it usually just costs pixels unless your brand is well known in that topic. Rule of thumb: if the brand is better known than the subject, it can lead. Otherwise it goes last, or not at all.
Do emoji work in meta titles?
Usually not. Google strips emoji from search results more often than not, and even when one survives it is not a reliable click magnet. If you want to try: use a single character, never at the very start, and make sure the title reads perfectly without it.
How do I handle duplicate titles across many pages?
Duplicates almost always come from category, filter and pagination pages. Build a template that differentiates automatically: category plus the key attribute plus the page number, for example “Running Shoes for Women — Page 2 | Brand”. What matters is that every indexable page hands Google its own meaningful line.
🧰 More from the toolbox: our image compressor makes the page itself faster, and load time feeds straight into rankings and bounce rate. The QR code generator gets people from print onto that optimised page. Both free, both entirely in your browser.
Pixel widths are measured locally using the canvas measureText function. The
reference values (about 600 px for desktop titles, about 920 px for descriptions) reflect
the common industry consensus and are approximations — Google renders in its own font,
bolds query matches and sometimes rewrites snippets entirely.