Why Two 60-Character Titles Can Fit So Differently

Because a search result runs out of width, not characters, and characters are not the same width. In Arial, the face desktop results use for titles, a capital W takes up more than four times the space of a lowercase i. Two titles of exactly 60 characters can therefore land 130 px apart, or more than 240 px apart if one is in capitals. One can sit comfortably inside the roughly 600 px that desktop results tend to show, while the other is cut.

The Headline Pixel Counter measures that width for you. This guide shows what it is adding up, with pairs of 60-character titles measured in the counter, so you can see which letters and habits cost the most.

The width of a single character

Fonts store an "advance width" for every character: how far along the line the next character starts. The counter holds the standard Arial table, in thousandths of an em, and multiplies by the font size. At 20 px, the size a desktop result title is roughly set at, a few characters come out like this:

Character	Width at 20 px	Character	Width at 20 px
W	18.9 px	i	4.4 px
M	16.7 px	l	4.4 px
m	16.7 px	t	5.6 px
O	15.6 px	f	5.6 px
w	14.4 px	r	6.7 px
a, e	11.1 px	space	5.6 px
any digit, 0 to 9	11.1 px	colon	5.6 px

Three things stand out. Capitals are wide, and W and M are the widest of all. The narrow letters (i, l, t, f, r) are very narrow, so prose full of them packs tightly. And every digit has the same width, about that of a lowercase a, which matters when you choose between "7" and "Seven".

Pair one: heavy letters against light ones

Here are two titles of exactly 60 characters, measured in the counter:

Title	Characters	Width	Verdict
WordPress vs Webflow: Which Website Maker Wins for Workshops	60	596.8 px	Near the typical cut-off
Is it legal to fill a skip with soil? Facts, rules and fines	60	466.8 px	Good length

The first is built from W, M and capitals and fills 99.5% of the working figure on its own. Add this site's suffix, " - TitleBee", and the full title tag is 687.9 px; cut at 600 px, everything up to "Workshops" survives and the brand is lost. The second has 130 px to spare, enough for most brand suffixes. Both pass a "60 characters or fewer" rule, and only one of them actually fits with room to spare.

Pair two: the same words in three cases

Case is the biggest single lever, because it changes almost every letter at once. One title, three cases, 60 characters each:

Version	Width	Verdict
Best running shoes for wide feet: what to try, what to avoid	518 px	Good length
Best Running Shoes for Wide Feet: What to Try, What to Avoid	558 px	Near the typical cut-off
BEST RUNNING SHOES FOR WIDE FEET: WHAT TO TRY, WHAT TO AVOID	709 px	Past the typical desktop width

Moving from sentence case to title case adds 40 px here, because ten words gain a capital. Moving to capitals adds another 151 px. Cut at 600 px, the capitals version keeps "BEST RUNNING SHOES FOR WIDE FEET: WHAT TO TRY," and loses "WHAT TO AVOID", which is half of what the title promised.

Whether to use title case or sentence case is a style decision with arguments both ways (see title case or sentence case for headlines). For width alone, sentence case is cheaper, and capitals for a whole title are expensive. Capitals on a single short word, such as an acronym, cost little: "SEO" is 42.2 px against 35.6 px for "Seo", a 6.6 px difference.

Pair three: digits against number words

Every digit is 11.1 px at 20 px. Number words are several letters long, so a digit is almost always narrower:

• "Seven" is 56.7 px; "7" is 11.1 px, a saving of 45.6 px.
• "Twelve" is 63.3 px; "12" is 22.2 px, a saving of 41.1 px.

In a whole title the effect is easy to see. "Twelve Ways to Cut a Heating Bill Without a Smart Thermostat" is 60 characters and 556.8 px, inside the near-limit band. "12 Ways to Cut a Heating Bill Without a Smart Thermostat" is 56 characters and 515.7 px, back in the good band. Nothing else changed.

That is a statement about width only. Whether a numeral reads better than a word in your headline is a separate judgement, and house styles differ on it (many spell out one to nine in body copy and allow numerals in headlines).

Separators and symbols

Small characters add up when they repeat. Measured at 20 px:

• A pipe with spaces either side, " | ", is 16.3 px.
• A hyphen with spaces, " - ", is 17.8 px.
• "and" is 33.4 px, and "&" is 13.3 px.

Swapping "and" for "&" saves about 20 px. It is rarely worth it in a sentence-like title, but in a short label-style title tag with a separator it can make the difference between the brand fitting and not.

Practical habits that follow

1. Measure the title as it will be served, brand suffix included and in the case you will actually publish.
2. Treat 60 characters as a first guess, then check the width. Titles heavy in W, M, m, w and capitals need fewer characters; titles heavy in i, l, t, f need fewer pixels than the count suggests.
3. Avoid whole-title capitals in a title tag. They are the single biggest width cost, and Google may rewrite a title it finds hard to read.
4. Prefer a digit when you want a number anyway, and you are near the edge.
5. Put the words that matter first, so that if the end is cut, the loss is cheap. The front-loading guide works through this with real cut points.

What the counter's width table cannot tell you

The counter models one thing well: the sum of standard Arial advance widths at a fixed size. Real results differ from that model in ways worth knowing:

• The 600 px figure is observed, not published. Google says it truncates title links to fit the device width. Desktop layouts change, and phones often wrap a title over two lines rather than cutting it at one width.
• Rendering is not identical everywhere. Browsers and operating systems render fonts slightly differently, and Google may bold words that match the search, which widens them. The counter does not model kerning or bolding, so leave a margin.
• Some characters are not in the table. Accented letters, currency signs other than $, curly quotes, dashes other than the hyphen, emoji and non-Latin scripts are counted at an average lowercase width of 11.1 px at 20 px. That is fine for one or two, and less reliable for a title full of them.
• Google may not show your title. It sometimes builds the title link from the page heading or other text, so a perfectly sized title tag does not guarantee your words appear.
• Width is not quality. A title that fits can still be vague or misleading, and fitting says nothing about rankings or clicks.

For the bigger picture of where the 600 px figure comes from and how the counter sorts titles into bands, read how wide a title tag can be before Google cuts it. Then paste your own title into the Headline Pixel Counter and try the swaps above: case, digits, separators. The numbers move more than most people expect.