Title Tag and Meta Description Length: Pixels, Not Characters

Why Google cuts titles by pixel width, how wide letters are in Arial, the 600 px and 920 px rules of thumb, when Google rewrites titles and how to write snippets that survive.

ยท 9 min read

Illustration for the SERP Snippet Preview guide

"Keep your title under 60 characters" is the most repeated piece of SEO advice, and it is only approximately right. Google does not count characters. It lays the title out in a font, measures how wide it is, and cuts it with an ellipsis when it runs out of room. Sixty narrow characters can fit with space to spare while forty wide ones get cut. This guide explains how the truncation works, how wide letters really are, what the commonly quoted pixel limits mean, and when Google ignores your title and description altogether. The SERP Snippet Preview measures your text the same way as you type.

How a search result is laid out

A standard Google result has three parts:

  1. The site line: site name, favicon and a breadcrumb version of the URL.
  2. The title link: the clickable headline, usually taken from the page's <title> element.
  3. The snippet: a description, often taken from the meta description, sometimes from the page text.

On desktop the title link is set in Arial at about 20 px and the snippet in Arial at about 14 px. The results column has a fixed width, so long titles are cut to one line and snippets to about two lines.

A desktop search result with a 600 pixel title line and a two-line description of about 920 pixels in total, showing the title cut at a word boundary with an ellipsis when it is too wide
A desktop search result with a 600 pixel title line and a two-line description of about 920 pixels in total, showing the title cut at a word boundary with an ellipsis when it is too wide

Why pixels, not characters

Arial is a proportional font: each letter has its own width. The widths come from the font's metrics, measured in thousandths of an em (the font size). Arial shares its metrics with Helvetica, so the published Helvetica values apply:

CharactersWidth (1/1000 em)At 20 px
i, l, j2224.4 px
space, f, t, I2785.6 px
r3336.7 px
a, e, n, o, digits55611.1 px
A, B, E, S66713.3 px
C, D, H, N, U72214.4 px
m, M83316.7 px
W94418.9 px

The spread is more than four to one between i and W. Ordinary mixed-case English averages roughly 9 to 10 px per character at 20 px, so 600 px holds about 55 to 65 characters. A title in capital letters uses about 12 to 14 px per character, spaces included, and is cut after roughly 43 to 50.

Example widths

  • "Pomodoro Timer: 25/5 Focus Timer With Tasks and Long Breaks" (60 characters) measures about 577 px at 20 px Arial and fits.
  • A 60-character run of lowercase prose measures about 545 px.
  • Sixty capital A's measure 800 px and are cut after about 43 letters.

The 600 px and 920 px rules of thumb

Google does not publish its limits. Its documentation on title links says there is no limit on the length of a <title> element, but that title links are truncated as needed to fit the device width. SEO tools have measured the layout for years and settled on about 600 px for desktop titles and about 920 px for desktop descriptions (two lines). Those figures are approximations of the current design and change when Google restyles results; mobile layouts depend on the phone's width.

In characters, 920 px of 14 px Arial is roughly 140 to 150 characters of ordinary text. That is why older advice says 155 to 160 characters for descriptions; it depends heavily on the words.

ElementDesktop widthTypical charactersNotes
Title linkabout 600 px at 20 px55-60One line, cut with an ellipsis
Descriptionabout 920 px at 14 px140-150Two lines; may show a date first
Mobile titlewrapslongerUp to two or three lines on many phones

How the cut is made

When a title is too wide, Google removes text from the end and adds an ellipsis, generally at a word boundary. The preview tool does the same: it finds the longest prefix that fits with room for " ...", backs up to the last space, and trims trailing punctuation. Two consequences:

  • Front-load the important words. Whatever comes last is the first thing to go. Put the query people search for at the start and the brand at the end.
  • Do not tune to the last pixel. A title that fits at 598 px today may be cut after a redesign. Leave a margin.

When Google rewrites your title

Since an update in August 2021, Google more often builds title links from other parts of the page. Its documentation lists the sources it can use: the <title> element, the main visible heading, other headings, prominent text, anchor text of links to the page and structured data. It is more likely to replace your title when the title is:

  • Missing or empty.
  • Stuffed with keywords ("Cheap Shoes, Buy Shoes, Shoes Online, Shoes Sale").
  • Too long, so the useful part would be cut.
  • Boilerplate repeated across many pages ("Home", "Untitled", the same title on every product).
  • Out of date or not matching the main heading.

The best defence is a unique, descriptive title that agrees with the H1.

When Google ignores your meta description

Google uses the meta description when it describes the page better than text it could pull from the page itself for that query. Otherwise it builds a snippet from the page body. It is more likely to ignore your description when it is:

  • Very short (a few words do not describe much). The preview warns below about 70 characters.
  • Generic, the same on many pages.
  • Unrelated to the query. For a long-tail search, a sentence from the body may match better.

A good description reads like a short advert: what the page offers, who it is for and what to do next, in one or two plain sentences. Including numbers, prices or concrete details helps it stand out.

Comparison of the same 46-character title in two styles: in sentence case it measures about 404 pixels and fits easily, in capitals it measures about 557 pixels and nearly fills the 600 pixel line, showing that capitals and wide letters use the space faster
Comparison of the same 46-character title in two styles: in sentence case it measures about 404 pixels and fits easily, in capitals it measures about 557 pixels and nearly fills the 600 pixel line, showing that capitals and wide letters use the space faster

A checklist for titles and descriptions

  1. One unique title per page that matches the main heading.
  2. Main query first; brand last and short.
  3. Under about 600 px on desktop, with a little room to spare.
  4. Avoid all caps and long runs of wide characters.
  5. A unique description of 120 to 150 characters that summarises the page.
  6. Key message in the first line of the description.
  7. No keyword lists in either.

How the preview tool measures

The SERP Snippet Preview draws the text on an invisible canvas in your browser with the font set to 20 px or 14 px Arial (or a metric-compatible font such as Liberation Sans) and reads back the width. Where canvas measuring is not available it uses the Helvetica/Arial metrics in the table above. The meters turn amber near the limit and red over it, and the preview shows where the cut would fall. Copy the finished tags as HTML when you are done; to check the tags on a live page, use the Meta Tag Analyzer.

Sources

  • Google Search Central, "Influencing your title links in search results".
  • Google Search Central, "Control your snippets in search results".
  • Google Search Central blog, title link updates (August and September 2021).
  • Adobe Helvetica font metrics (AFM), metric-compatible with Arial.

Related searches

  • title tag length pixels
  • meta description length
  • google title truncation
  • serp snippet width
  • google rewrites title tags
  • title link google
  • meta description best practices
  • arial font width characters

Open the SERP Snippet Preview