Google SERP Preview
Preview how your title, URL, and meta description appear in Google search - with pixel-width truncation warnings for desktop and mobile.
- Free, no account
- No watermark
- No usage limit
About the Google SERP Preview
A title tag under 60 characters can still get chopped off in Google. It doesn't count your characters when it decides where to trim a snippet. It measures the rendered line in pixels, and a title full of wide letters runs out of room long before a narrow one hits the same character count. Paste in your title, URL, and meta description and this SERP preview rebuilds the real search snippet a searcher would see, with a warning the moment your title or description crosses the pixel budget for desktop or mobile. No sign-up, no upload, and nothing you type leaves your browser.
Most preview tools hand the measuring off to your own browser, so the number shifts with whatever fonts you happen to have installed, and it can't run at all while a page is still being built server-side. This one carries its own advance-width table calibrated to Arial and Roboto, the exact fonts Google renders results in. So the same title reports the same pixel width on any machine, online or off, and the number holds steady instead of drifting with your setup.
How to use
- Type your page title. The blue link at the top of the preview updates as you type and the width meter fills in. Green means you're safe, amber means you're near the edge, red means Google will cut it. The meter shows pixel width and character count side by side, so you can see the gap.
- Add your URL. It renders the modern way Google shows links, a favicon circle, the bare domain, then a breadcrumb path like
example.com › blog › your-post. The protocol, thewww., tracking parameters, and file extensions like.htmlall get stripped. - Paste your meta description. Its meter runs against a 920px desktop budget, which is a measurement of live results rather than a rule Google publishes. When the bar tips into red, that is where the ellipsis would land.
- Switch between Desktop and Mobile. Mobile is tighter, and a title that survives on desktop can still get clipped on a phone. Since most searches happen on phones now, check the narrower view first.
- Toggle the date prefix for a dated article or news post. Google often bolts a date onto the front of the description (
Apr 3, 2025, ...), and that date eats into your visible room. - Read the warnings under the snippet. They say in plain words what's off and what to do. Load sample fills every field, Clear wipes them.
Why Google truncates by pixel width
This is the whole reason the tool exists. Web fonts are proportional, which means every letter takes up its own amount of space. In Arial and Roboto, a lowercase l is about 222 units wide out of 1000 per em, while a capital W is 944. Same font, and one letter is more than four times the other. So a title packed with skinny letters fits far more characters on a line than one loaded with wide caps. illegitimately thrilling runs to 24 characters and WARM AUTUMN MORNINGS to 20. At title size the shorter string is the wider one, 270px against 178px, so the 24-character title takes up about two thirds of the space the 20-character one does.
That's why the "60 character rule" is really just an average. It holds up fine for ordinary mixed-case English because the widths even out, but lean your title on wide letters and you'll blow past the pixel limit well short of 60. Lean narrow and 65 or even 70 can still display in full. The character count is measuring the wrong thing, which is exactly what a pixel meter fixes.
Here are the budgets this tool measures against, read 2026-08-25. A desktop title cuts near 580px, a mobile one near 470px. Descriptions get 920px on desktop and 860px on a phone. Push ordinary mixed-case text through those four and you get roughly 60 characters of desktop title, 48 of mobile title, 148 of desktop description and 138 of mobile description, which is where each meter puts its red line.
Not one of those numbers came from Google. Google states there is no limit on the length of a title element or a meta description, and that it trims the snippet to fit the space available, so every figure above is a third-party measurement of live results taken on some date by somebody who mostly did not record the date. The measurements also disagree with each other. A desktop title cut is quoted at 600px about as often as at 580px, mobile titles at 496 to 500px against the 470px here, and a desktop description at 990px about as often as at 920px. This tool ships the tighter reading of each pair on purpose, so it warns you early rather than late, and the bulk meta description checker on this site puts the description width on a slider if you would rather pick your own.
Google will probably rewrite your title anyway
Even a perfectly fitted title tag is not guaranteed to appear, and that should change how you size it. Google rewrites a large share of titles before it shows them. Zyppy's 2021 study of 80,959 title tags across 2,370 sites put the rewrite rate at 61.6 percent. It might pull from your H1, from the anchor text of inbound links, from a passage of body text that matches the query better, or just shorten what you wrote.
The triggers are pretty consistent. A title that gets truncated is a prime candidate, Google would rather show a shorter one that fits than an ellipsis. So is a keyword-stuffed title (Best Pizza | Pizza Near Me | Cheap Pizza), which it quietly cleans up into something readable. Same goes for a title that's vague or a weak match for what the searcher actually typed.
You can't switch the rewrite off, but you can tilt the odds. Keep the title natural, make it honestly describe the page, don't stuff it, and keep it inside the pixel budget so it never gets cut. That last one is what the meter handles. Get to green on both devices and you've removed the single most common reason Google reaches for its own title instead of yours.
What the meta description actually does for you
The meta description is not a ranking factor. Google has said so directly and doesn't use the text to decide your position. It still matters, because it's the pitch that earns the click, and between two results of similar authority the sharper one tends to pull more clicks at the same rank.
A couple of habits that actually help. Put the words a searcher would type into the description, because Google bolds matching terms and bold text drags the eye down the page. Write it like a pitch, not a recap, "cut your page load time in half" beats "this article covers page performance". And front-load the good part, since if it truncates, the half that survives is the half that has to do the selling. Skip writing one and Google generates a description from whatever chunk of the page matches the query, sometimes fine, often a ragged mid-sentence fragment you'd never have picked.
Frequently asked questions
The tool says my title is too long, but it's under 60 characters. Which do I believe?
The tool. Sixty characters is a rough average that assumes typical mixed-case text. If your title leans on wide characters, a capital W, M, K, or symbols like % and @, you can cross the desktop pixel line down in the low 50s. Trim the widest words or swap them for narrower ones, and the meter shows exactly how many pixels over you are.
Why does my title fit on desktop but get cut on mobile?
The mobile snippet renders in a narrower column, so the pixel budget is smaller, roughly 470px against 580px on desktop. A title can clear the desktop line and still overshoot on a phone. Since most searches now happen on mobile, it's usually smartest to write to the mobile limit, because a title that fits there fits everywhere.
What length should my meta description be?
Write to the meter rather than to a character count. Ordinary mixed-case prose runs out of the 920px desktop budget at about 148 characters and out of the 860px mobile budget at about 138, so 140 is a target that clears both. The familiar 155 to 160 figure is optimistic for anything carrying wide letters, and this tool shows red at 160 for most real copy. If the page is dated, leave a little slack for the date Google may tack on.
Does Google always add that date to the description?
No. It tends to prepend a date for articles, blog posts, and other clearly time-stamped pages, and skips it for evergreen or undated ones. There's no tag that forces it on or off, it is Google's call based on how it reads the page. The date toggle lets you preview the worst case, so a dated post doesn't lose more of its description than you expected.
Do emojis and special characters help in the snippet?
Mixed bag. A single well-placed emoji can catch the eye, but Google strips emojis from titles more often than it keeps them, so never hang real meaning on one. Symbols and accented characters also carry real pixel width that nudges you toward the cut sooner. Preview with and without it and judge whether it is worth the space.
How close is the pixel number to what Google actually shows?
It's accurate enough to write to, with one caveat worth holding onto: Google publishes no limit at all, so the budget here is somebody's measurement of live results rather than a rule, and the layout moves. Good workflow: get to green here, publish, then search your own page in an incognito window to confirm. If it surprises you, trim a touch and recheck.
Does this send my title or description anywhere?
No. The width math, the truncation, the breadcrumb parsing, all of it runs in your browser. Nothing is uploaded, stored, or logged, and closing the tab clears every field. It keeps working offline once the page has loaded.