Title Tag Pixel Width: How Long Should a Title Be?

Aim to keep your title tag under about 580 to 600 pixels wide, which is roughly 50 to 60 characters of normal text. Google does not publish a pixel limit: it says there is no limit on how long a title element can be, and that the title link is truncated as needed, typically to fit the device width. The 600-pixel figure is an industry measurement of desktop results, so treat it as a preview checkpoint, not a rule.

This guide is for SEO leads, content teams and Shopify store owners who write titles at scale. You'll get the numbers behind the 600-pixel guideline, why pixel width beats character count, a width table for common characters, what published studies say about truncation and rewrites on desktop and mobile, and a step-by-step process for checking and trimming titles before you publish.

How long should a title tag be in pixels?

For desktop results, the most useful working range is about 580 to 600 pixels, with the words that matter most in the first 40 to 50 characters. Here is where those numbers come from:

• Google: its title link documentation says there is no length limit on the <title> element, and that title links are truncated in results as needed, typically to fit the device width. It recommends descriptive, concise titles rather than a number.
• Zyppy (Cyrus Shepard): its title rewrite study says that on desktop, Google typically limits titles to 600 pixels, often a bit more for mobile results, and that longer titles are almost always truncated with an ellipsis.
• Screaming Frog: its SEO Spider flags titles over 561 pixels as over Google's estimated limit, and says the figure is an approximation because Google adjusts truncation points.
• QCK's checker: our Title Tag and Meta Description Checker measures titles in 20px Arial and warns at 580 pixels, with 600 pixels as the hard cutoff in its preview.

The spread between 561 and 600 pixels is the honest answer: different tools model the result page slightly differently, and Google changes its layout. If your title fits under about 580 pixels, it will usually display in full on desktop. If it runs past 600, expect an ellipsis.

Why pixel width beats character count

Search results use a proportional font, so every character has its own width. A lowercase i takes a fraction of the space of a capital W. Two titles with the same character count can differ in width by hundreds of pixels, which is why a 60-character rule is only a rough proxy.

We measured this using Arial's own character widths at 20 pixels, the font and size our checker uses for desktop previews. Sixty lowercase i characters measure about 267 pixels. Sixty lowercase e characters measure about 667 pixels. Sixty capital W characters measure about 1,133 pixels, nearly twice the desktop budget.

Real titles fall in between, but the effect is still large. "Merino Wool Walking Socks for Women | Warm Winter Pairs" is 55 characters and about 536 pixels wide, so it fits. Write the same 55 characters in capitals and it grows to about 682 pixels and will be cut off. Capital letters, wide letters such as m and w, and digits all use more space than lowercase letters such as i, l, t and f.

Width of common characters in 20px Arial

These are advance widths from the Arial font file, without kerning, so a browser's measurement can differ by a pixel or two over a full title. Treat them as a guide to which characters are expensive, not as exact SERP values.

How Google truncates titles on desktop and mobile

Google's documentation says truncation happens as needed to fit the device width. In practice, a desktop title that runs past the container is cut and shown with an ellipsis. Google has never published the container width or the font settings, so every pixel figure you see, including ours, is measured or estimated by a third party.

Mobile is not a fixed number

Mobile titles can wrap onto more than one line, and phone screens vary in width, so there is no single mobile pixel limit to design for. Zyppy notes that mobile results often allow a bit more than desktop. Portent's 2022 study, which compared title tags with the titles Google showed for 1,469,373 ranking URLs, found lower truncation and rewrite rates on mobile than on desktop.

Portent also found that desktop rewrites start to climb after 60 characters and mobile rewrites after 70 characters, and that titles of 70 characters or more almost never appeared in full on desktop. Its recommendation was a 60-character maximum for both devices. Because the desktop limit is the tighter one, write to desktop width and you will cover mobile as well.

Truncation is the smaller problem

Notice how far apart the two bars for each device are. In Portent's data, simple truncation affected 9% of titles across devices, while 63% of titles shown were different from the title tag in some way. Google rewriting your title is far more common than Google simply cutting it off.

Long titles get rewritten, not just cut

Google generates title links automatically from several sources, not only your title tag. Its documentation lists the <title> element, the main visual title on the page, heading elements such as <h1>, og:title meta tags, other large and prominent text, other text on the page, anchor text on the page, text in links pointing to the page, and WebSite structured data.

Length is one of the clearest predictors of a rewrite. Zyppy's study of 80,959 title tags from 2,370 sites, with data current as of Q1 2022, found Google rewrote 61.6% of titles overall. Titles of 51 to 60 characters had the lowest rewrite rates, and titles over 70 characters were rewritten 99.9% of the time.

Zyppy also found that very short titles were rewritten often (96.6% for titles of 1 to 5 characters), that titles with brackets were rewritten 77.6% of the time, and that pipes were removed or replaced 41.0% of the time. So the target is not "as short as possible". It is a complete, descriptive title that fits.

Google's documentation lists the other common triggers: half-empty titles, obsolete titles (such as an old year), inaccurate titles, repeated boilerplate across pages, no clear main title on the page, a language mismatch and duplicating the site name. Our guide to why Google rewrites title tags covers each one with fixes.

How to check title pixel width before publishing

Use this process for any new page, and for bulk audits of product and collection titles.

1. Get the full published title. Copy what the page actually outputs in its <title> tag, not the headline in your content editor. Shopify themes and many CMS templates append the store name and a separator, and that suffix uses pixels too.
2. Measure it in pixels. Paste it into our Title Tag Checker, which measures the text with your browser's canvas measureText() method in 20px Arial and previews where the ellipsis would fall.
3. Check what survives the cut. Read only the part before the ellipsis. It should still name the page's topic and the detail that sets it apart, such as the product type, the model or the audience.
4. Trim in the right order. Remove filler first, then repeated words, then shorten the brand suffix, and only then cut descriptive modifiers.
5. Front-load the keyword. Put the primary keyword or product name near the start, so it survives even if Google's container is narrower than your preview.
6. Check the H1 and title agree. Google may use your main heading instead of the title tag, so make sure both describe the same page in compatible wording.
7. Audit the live page. After publishing, run the URL through our Meta Tag Checker to confirm the title the page actually serves, then look at the title Google shows once the page is recrawled.

For Shopify specifics, including where to edit titles for products, collections and the homepage, see our guide to Shopify SEO titles.

What to cut first when a title is too wide

Every element of a title has a pixel cost. Here is what common pieces cost in 20px Arial, using an example outdoor store called Example Outfitters.

A full brand suffix can take almost a third of a 600-pixel budget. "Women's Waterproof Hiking Boots, Wide Fit | Example Outfitters" is 62 characters and about 570 pixels, right at the edge. Drop the suffix and the descriptive part fits with room to spare. On branded searches and the homepage, keep the brand; on deep product and collection pages, the product description matters more.

Before and after

• Before: "Example Outfitters | Browse Our Full Collection of Waterproof Hiking Boots" (74 characters, about 662 pixels). The product type falls past the cut.
• After: "Waterproof Hiking Boots for Wet Trails | Example Outfitters" (59 characters, about 522 pixels). The topic comes first and the whole title fits.

These are illustrative examples measured with Arial widths, not results from a live search. Measure your own titles in the checker before publishing. Our title tag best practices guide covers wording and keyword placement in more depth.

Does title length affect clicks and rankings?

Pixel width is a display issue, not a ranking factor. Google's documentation frames title advice around making titles descriptive and concise so people understand the result. A title that is cut off or rewritten can still rank; the risk is that searchers see a weaker or less specific message and click less.

That is why measuring the effect matters more than hitting a number. Google Search Console's Performance report shows clicks, impressions, click-through rate (clicks divided by impressions) and average position, and you can filter by page, query and device. Before and after a title change, compare comparable periods for the same page, and watch for changes in average position, which affect click-through rate on their own.

• Use our Search Console Comparison Tool to compare two periods for the pages you retitled.
• Use our CTR and Ranking Value Calculator to estimate what a click-through improvement is worth at your current position.
• Read our SERP CTR guide for how position, features and titles interact.

Google needs to recrawl and reprocess a page to notice title changes, which its documentation says can take a few days to a few weeks. Change titles in batches, record the date and the old wording, and avoid editing the same title repeatedly while you wait.

A practical title width checklist

Before a title goes live, it should pass these checks:

• Measured at under about 580 pixels including any brand suffix, or with the key words before the cut if it runs longer.
• Primary keyword or product name in the first half.
• No all-caps words beyond acronyms, and no keyword stuffing.
• Unique across the site, with no repeated boilerplate.
• Accurate to the page and consistent with the H1.
• Brand suffix sized to the page type: full on the homepage, short or absent on long product titles.

For a store with thousands of products, the fastest win is usually the template, not individual titles. One change to how your theme appends the store name can bring hundreds of titles under the limit at once. If you want a team to audit titles, templates and rewrites across your whole store, our technical SEO team can help, or you can get a custom plan.