How the measurement works
You enter a title, a URL and a meta description. The tool measures the title in 20px Arial and the description in 14px Arial by drawing the text on an invisible browser canvas and reading its width in pixels. It compares those widths with fixed limits: 600px for the title and 920px for the description. Four readouts show the title width, title limit, description width and description limit, turning red when you are over and green when you fit.
The preview then truncates the text the way Google does. When a string is too wide it removes characters until the text plus an ellipsis fits, trims back to the last whole word, and appends "…". The URL line is simplified to the hostname without "www" followed by "› …", matching how Google shows breadcrumb-style addresses.
Why pixels and not characters
Search results are laid out in a proportional font, so an "i" costs a few pixels and a "W" costs many. A 55-character title in capitals can be cut off, while a 65-character lowercase one fits. The common "60 characters" advice is only an average. If your title is made of narrow letters you can go longer, and if it is wide capitals or digits you may need to be shorter.
Worked example
Take the title "ULTIMATE GUIDE TO PROFESSIONAL HOME STAGING TIPS FOR SELLERS" (about 60 characters). In capitals it measures well beyond 600px and the preview shows it cut mid-phrase with an ellipsis. Rewrite it as "Home Staging Tips: A Seller's Guide to Faster Offers" and the width drops under the limit even though the character count is similar. Keep an eye on the red or green width stat as you type until it turns green.
What this tool cannot tell you
- Google may rewrite the title. Since 2021 Google substitutes titles it judges too long, too short, keyword-stuffed or repetitive, often from your H1 or other on-page text. A snippet that fits here is not guaranteed to appear unchanged.
- Descriptions are often replaced. Google commonly generates its own snippet from page text that matches the query. Treat your meta description as a strong suggestion.
- Limits are approximate. Mobile results, dates, ratings, sitelinks and Google's frequent layout tests shift where the cut falls. Mobile titles can wrap onto two lines while descriptions show fewer characters.
- Fonts differ slightly. The canvas uses Arial as a stand-in, so treat the figures as accurate to within a small margin rather than exact.
Reference limits used by this tool
| Element | Font measured | Pixel limit | Typical characters |
|---|---|---|---|
| Title | 20px Arial | 600px | about 50-60 |
| Meta description | 14px Arial | 920px | about 150-160 |
Common mistakes
- Putting the brand name or key phrase at the end of a long title, where it is the first thing to be cut.
- Optimizing to the last pixel. Leave a little margin because real rendering varies.
- Ignoring mobile. Preview the shorter end of the range if most of your traffic is on phones.
When the text fits, generate the actual tags with the meta tag generator, or confirm what a live page sends using the meta tag checker. The meta description guide covers how to write the copy itself.