Google SERP Snippet Preview
See how your title and description look on Google, with pixel limits.
How do you check if a title tag is too long for Google?
Docuboxer's Google SERP snippet preview tool shows exactly how your title tag and meta description will render in search results before you publish, by measuring their real width in pixels with the same font Google uses (Arial) instead of counting characters. Google truncates based on how much horizontal space text occupies, not how many letters it has — a capital "W" is roughly three times wider than a lowercase "i", so two 60-character titles can get cut at completely different points. Paste your title, description and page URL, switch between the desktop and mobile layouts, and you'll see the rebuilt snippet with the exact ellipsis Google would apply once your text crosses the visual limit. Every measurement runs locally in your browser using the canvas API — nothing is uploaded anywhere. It's free, requires no signup, and keeps working offline once the page has loaded.
How to use Google SERP Snippet Preview
- Type or paste your title tag into the title field. A live pixel meter shows how much of Google's real width budget it uses, not just a character count.
- Type your meta description. The pixel bar changes color as you approach or exceed the visual width Google reserves before it truncates with an ellipsis.
- Paste the page's full URL to generate the breadcrumb (domain › path) exactly as Google displays it under the blue title link.
- Switch between the desktop and mobile preview: available width differs between them, so a title that fits on desktop can still get cut off on mobile.
- Trim your title or description until the pixel bar stays green, then copy or download the finished snippet to save it or compare against other versions.
Common use cases
Catch a title tag that Google will cut off mid-word
Before you publish, check whether your full title fits inside the desktop pixel budget or whether Google is going to truncate it right in the middle of the phrase that was supposed to earn the click.
Preview a blog post's snippet before it goes live
Confirm how the title and summary will actually read in search results, so the hook you wrote isn't the exact part that gets chopped off by an ellipsis.
Tune product page titles for e-commerce
Product titles that stack brand, model and attribute ("Men's Running Shoes Size 10 - Brand") are exactly the pattern that overflows the pixel limit; this tool shows precisely where Google starts cutting that string.
Compare the same page across desktop and mobile
Mobile gets a wider pixel budget but wraps across two lines instead of one — toggle between views to make sure the core message still lands in both layouts.
Audit title templates before a site-wide rollout
Before pushing a new title pattern (category + product + brand) across hundreds of pages, test it here first to spot which combinations truncate systematically.
Frequently asked questions
What's the actual character limit for a Google title tag?
There isn't a fixed character count — Google truncates based on pixel width, not letter count. The commonly cited rule of thumb is around 60 characters, but a title packed with wide letters (M, W) can get cut earlier, while one full of narrow letters (i, l) can fit well past 60. Pixel width is the number that actually matters, and that's what this tool measures.
Why does Google rewrite my title even when it fits the pixel limit?
Google can swap in a title generated from the page's content or H1 when it decides that version better matches a specific search query. Staying under the pixel limit prevents truncation, but it doesn't stop this separate, query-dependent rewriting behavior.
How many pixels wide can a title be before Google cuts it off?
Roughly 580px on desktop and up to about 920px wrapped across two lines on mobile, measured at 20px Arial. These figures are widely documented publicly, though Google has never published an official fixed value and it can shift slightly with layout changes.
Does the meta description affect search rankings?
It isn't a direct ranking factor, but it drives click-through rate: a clear description that uses the available pixel width (about 990px, roughly two lines) earns more clicks than one truncated mid-sentence, and CTR is a signal Google tracks over time.
Why does the same title look different on desktop versus mobile?
Available width and font rendering differ between the two layouts. Mobile can wrap a title across two lines instead of one, so text that gets truncated on desktop sometimes fits completely on mobile, and the reverse also happens.
Does this tool send my title, description or URL to a server?
No. Pixel widths are calculated with canvas.measureText directly in your browser, with no calls to any external service. That means you can test titles and descriptions for pages that aren't even live yet.