A search result trims your title and description on the width of the rendered text, measured in pixels. Character counts are a rough proxy for that, and they fall apart on the titles people worry about most: a line of capitals or a string of wide letters runs out of room well before sixty characters, while a narrow title can carry more.
This preview measures the real width with canvas text metrics, at the font size each line renders in a result, then shows the snippet trimmed to fit. Character counts are still displayed, one step down from the number that decides the outcome.
Why width beats a character count
Arial gives every character a different advance width. An uppercase W is roughly three times the width of a lowercase i. Two titles of identical length can therefore differ by a hundred pixels or more, which is the difference between a title that fits and one that ends in an ellipsis.
The desktop marks used here are about 580px for the title and about 920px for the description. Those figures come from the SEO community measuring live results over the years. Google publishes no cut-off, adjusts the layout without notice, and renders mobile results at different widths again, so leave yourself a margin instead of writing to the exact number.
What the preview cannot tell you
Google frequently shows something other than what you wrote. Titles get replaced with header text or site names when the algorithm judges another phrase a closer match for the query, and descriptions are often assembled from the part of the page that matches what the searcher typed. Your tag is a strong suggestion, not a guarantee of what renders.
Results also carry extra furniture that shifts the layout: sitelinks, dates, star ratings, an image thumbnail on mobile. This preview draws the plain result, which is the version worth designing for.
Writing to the width
Put the distinguishing words first. If the line gets trimmed, everything after the cut is lost, so a title that opens with a brand name spends its most valuable space on something the searcher already knows.
Write descriptions that read as complete sentences even when the tail is cut. A description that stops mid clause looks careless in a way that a slightly short one never does. Our Title Tags and CTR guide goes further into how to phrase both lines.
Frequently asked questions
Does Google cut titles at 60 characters?
No. That number is a convenient average of where a 580px width lands for ordinary mixed case text. Set the same title in capitals and it will be trimmed much earlier; write a narrow, lowercase heavy title and it can run longer. Measuring the width answers the question directly.
Why does Google show a different title than the one I wrote?
Google rewrites titles when it decides another phrase on the page describes the result better for that query, often pulling from an H1 or the site name. Writing a clear, specific title tag that matches the page content makes a rewrite less likely, though nothing prevents one outright.
Is the meta description a ranking factor?
Google has stated it does not use the meta description to rank pages. It is a presentation field: it decides what the searcher reads before clicking, and it is frequently replaced with a passage from the page that matches the query more closely.
What font does this measure against?
Arial, at 20px for a desktop title, 16px for a mobile title, and 14px for both descriptions. That matches how desktop results render and stays close enough on mobile to be useful. Fonts vary by platform and browser, so the width is an approximation of a moving target.
Does this tool fetch my page?
No. You paste the title and description yourself, and the URL is used only to draw the breadcrumb line above the title. Nothing is requested from your site and nothing you type leaves the browser.
Related Utilities You Might Need
URL Slug Generator
Generate clean, search engine optimized slugs from title strings or written copy.
QR Code Generator
Convert URLs or plain text into downloadable high-quality QR codes with color customization.
UTM Campaign URL Builder
Build tagged campaign URLs and catch what splits your reporting: duplicate UTM parameters, capital letters and stray spaces. Runs in your browser.