Title Tag Pixel Width vs Character Count: Why 60-Character Titles Still Get Truncated

The "keep your title under 60 characters" rule is wrong. Or at least, it's wrong often enough that you're probably losing the end of your titles in Google's search results without knowing it.

Google doesn't count characters. It measures pixel width and cuts off at a fixed display boundary — roughly 580 pixels on desktop and 920 pixels on mobile. A title with 55 characters of "W"s and "M"s will get truncated. A title with 70 characters of "i"s and "l"s won't. The 60-character rule is an average that breaks the moment you write something unusual.

Why Character Count Misses

Google's SERP titles are rendered in Arial Bold at 20px on desktop. Like most fonts you'd actually use for body text, Arial is proportional — wide letters take up more horizontal space than narrow ones. Compare the actual pixel widths:

• Lowercase "i" — about 6 pixels
• Lowercase "l" — about 6 pixels
• Lowercase "w" — about 18 pixels
• Uppercase "W" — about 22 pixels
• Uppercase "M" — about 22 pixels
• Space — about 6 pixels

A title made of 60 "i"s would be roughly 360 pixels — half the available space. A title made of 60 "W"s would be 1,320 pixels — over twice the cutoff. Real titles fall somewhere in between, but the variance is enough to fool any character-based check.

This is why your title looks fine in your CMS, fine in view-source, and then gets ellipsed on the SERP.

The Real Cutoff Numbers

For Google specifically, the working numbers are:

• Desktop SERP: ~580 pixels of width before truncation
• Mobile SERP: ~920 pixels (mobile titles wrap to two lines but cut off the second line at this width)

The numbers shift slightly when Google A/B tests new SERP layouts, but 580 desktop / 920 mobile is the band you want to stay inside. If you write to 560 desktop pixels, you have a small buffer for the brand-name suffix Google sometimes appends.

Measure yours with our Title Tag Pixel Width Checker — it renders your title in the same font Google uses and shows the exact pixel count plus a live SERP preview.

What Truncation Actually Costs You

The end of your title is usually the highest-converting part. SEO practitioners load the front with the keyword (because Google weights it more heavily there) and put the call-to-action or qualifier at the back. So when Google truncates, you lose this:

• "Best CRM for Small Business in 2026 — Pricing, Features, and Free Trials" → "Best CRM for Small Business in 2026 — Pricing, Features, and Fre…"
• "How to Refinance Your Mortgage with Bad Credit (Step-by-Step Guide)" → "How to Refinance Your Mortgage with Bad Credit (Step-by-Step G…"

The CTR signal isn't in "How to refinance your mortgage" — it's in "Step-by-Step Guide." When that gets cut, the title still ranks the same, but it converts worse.

A 2022 Backlinko study of two million title tags found pages with non-truncated titles had a meaningfully higher CTR than truncated ones, controlling for position. The effect was small per page but compounds across a site.

What Actually Pushes Titles Over the Limit

In our experience, four things cause most truncation:

1. Wide letters in your brand or product name

"Wonderware Solutions" eats 200+ pixels. "Microsoft Windows" eats another 200. If your brand has a lot of M's, W's, and uppercase letters, you have less room for the rest of the title than your competitors with leaner brand names.

2. The em-dash brand suffix

Sites end titles with " — Brand Name" or " | Brand Name". The pipe is cheap (~6px), but the surrounding spaces and the brand name itself can easily eat 100+ pixels. If your brand name is wide and you're already close to the cutoff, the suffix shoves the title into the truncation zone.

A useful pattern: drop the brand suffix on long titles and only include it when there's room. Google often re-appends your brand anyway if your homepage ranks well for the brand term.

3. Capitalization of every word

"Title Case Like This" runs 10-15% wider than "Sentence case like this." If you write 60-character title-case titles, you're effectively writing 66-character sentence-case titles in pixel terms. For long titles, switching to sentence case buys you 30-50 pixels.

4. Decorative characters

Em dashes, smart quotes, brackets, and emoji all take up space. Brackets like "(2026 Guide)" can eat 90+ pixels just for the parentheses and digits. If you need a year qualifier, "2026" without brackets is cheaper.

How to Measure Without Guessing

The check that matters is: how does it render in the font Google uses, at the pixel width Google uses? Three ways to do it:

The fast way. Paste your title into our Title Tag Pixel Width Checker. It renders in Arial Bold 20px and shows the desktop and mobile cutoff lines next to a SERP preview. Two seconds.

The browser way. Open Chrome DevTools, find an element on a page with font: bold 20px Arial, and type your title into it. Read the computed width from the box model. Works, slower.

The canvas way. If you're scripting this across hundreds of titles, use the HTML5 canvas measureText() API with ctx.font = "bold 20px Arial". Returns width in pixels for each title. This is what most SERP-preview tools do under the hood, and it's what powers our Google SERP Preview and Meta Description Pixel Width Checker too.

A Practical Workflow

For new pages:

1. Write your title with the keyword at the front and the strongest hook at the end.
2. Aim for 560 pixels on desktop (Arial Bold 20px).
3. If you're over, drop the brand suffix first, then switch to sentence case, then shorten the qualifier.
4. Check mobile too — mobile gives you more pixels but readers scan faster.

For existing pages getting truncated, the highest-leverage fix is to rewrite the last 10-15 characters into something narrower. You don't need to overhaul the whole title, you just need to buy 30-50 pixels back.

When Character Counts Are Fine

If you're working in bulk — auditing 10,000 titles, deciding which ones probably need attention — character count is a useful first-pass filter. Anything over 65 characters is probably truncating on desktop. Anything under 50 is probably fine. The middle zone (50-65) is where pixel measurement matters and character count guesses.

So character count isn't useless. It just isn't authoritative. When you want to know whether a specific title will fit, you need pixels. Our Title Tag Pixel Width Checker gives you that in one paste.

The Five-Second Sanity Check

If you do nothing else after reading this:

1. Pick your top three pages.
2. Paste each title into the pixel checker.
3. If any are over 580 desktop pixels, rewrite the back half.

That's the entire workflow. Most sites have a handful of high-traffic pages where this matters and dozens where it doesn't. Spend the five minutes on the handful.

Once you've fixed those, the same logic applies to meta descriptions — different font (Arial 14px, not bold), different cutoff (~1200px desktop), same pixel-vs-character problem. The Meta Description Pixel Width Checker handles that side.