SERP Snippet Preview Tool
See exactly how your title and meta description will appear in Google — with live pixel-width limits, truncation, and a desktop/mobile toggle. Free, private, in your browser.
What is a SERP snippet?
A SERP snippet is the block Google shows for your page in search results: the blue title link, the URL breadcrumb above it, and the grey description underneath. It is the only thing a searcher sees before deciding whether to click — which makes it some of the highest-leverage copy you will ever write. This tool renders your title and meta description exactly as Google lays them out, so you can see truncation before you publish instead of discovering it in the wild.
Why pixels matter more than characters
Most advice says “keep your title under 60 characters.” That is a rough proxy for the real rule: Google truncates by pixel width, not character count. On desktop, titles get roughly 580 pixels and descriptions roughly 990 pixels before the ellipsis appears. A title full of wide letters like W and M runs out of room sooner than one full of narrow letters like i and l — two 58-character titles can render completely differently. This tool measures your actual text in Google's fonts and shows the genuine cut-off point, which is why the counter reads in pixels first and characters second.
How to use this preview tool
- Paste your page title — the pixel bar shows how much of the ~580px desktop budget you have used.
- Paste your meta description — same idea with a ~990px budget. The preview truncates live, exactly where Google would.
- Add your URL — the breadcrumb renders the way Google displays paths, with › separators.
- Toggle Desktop / Mobile — mobile gives titles more room across two lines but changes the layout; check both.
- Edit until it fits — front-load the keyword, put the brand at the end, and stop when the bar stays out of the red.
Writing titles and descriptions that get clicked
Fitting the space is the entry fee — earning the click is the job. Lead the title with the term people actually search, add the concrete benefit or differentiator, and keep the brand name for the tail. For descriptions, treat the ~155-character sweet spot as one complete promise: what the page does, who it is for, and why this result over the nine others. Write it as a sentence a human would say, not a keyword list — Google increasingly rewrites descriptions it considers unnatural, and a rewritten snippet is a snippet you no longer control. Match the description to the actual page content, because mismatches raise pogo-sticking and Google rewrites those too. Once your snippet fits and reads well here, check the density of your target term in the page copy itself with our Keyword Density Analyzer, or generate stronger title candidates with the Meta Title Generator.
Who uses a SERP snippet preview
Bloggers before publishing
Check every new post's title and description before it goes live, so the first impression in Google is the one you wrote rather than a truncated fragment ending in an ellipsis.
SEOs rewriting low-CTR pages
Pages with plenty of impressions but few clicks in Search Console usually have a snippet problem. Draft three versions here, pick the clearest, and measure the change over the following weeks.
Ecommerce teams
Product titles are often long because they include brand, model and size. The pixel bar shows which part gets cut, so you can move the detail a shopper searches for to the front.
Agencies presenting to clients
A visual preview is easier to approve than a spreadsheet of character counts. Screenshot the desktop and mobile views and send them with your recommendations.
The 87% figure comes from Google's own post An update on how we generate titles for web pages (Google Search Central, 2021). Pixel widths are long-run working measurements, not published limits.
A worked example: fixing a truncated title
Take this title: "The Complete Beginner's Guide to Building Your First WordPress Website in 2026 | Cybertrickz". It is 92 characters and runs well past the desktop limit, so Google would cut it somewhere around "Building Your First". The searcher never sees the words that matter most: WordPress and 2026.
Rewrite it by putting the searched phrase first and dropping words that carry no information: "Build a WordPress Website in 2026: Beginner's Guide | Cybertrickz". That is 65 characters, fits within the pixel budget on most screens, and leads with the exact task. If it still runs long, remove the brand. Google often shows the site name separately anyway, so the brand in the title is the first thing to cut.
When Google ignores your snippet anyway
Fitting the space does not guarantee Google will use your words. It rewrites titles that are stuffed with keywords, repeated across many pages, or do not match the page's main heading. It rewrites descriptions even more often, pulling a sentence from the page that it thinks answers the query better. My view is that this is mostly fair: a rewrite is a sign that your snippet did not describe the page well. The fix is to make the title match your H1 closely and to write the description as a plain summary of what the page actually offers. Then check the result in Search Console a few weeks later. If you need fresh title ideas to test, the Meta Title Generator gives you a batch to start from, and the Keyword Density Analyzer checks that the body copy supports the promise the title makes.
Frequently asked questions
Is this SERP preview tool free?
Completely. No account, no sign-up, no usage caps. Everything runs in your browser — nothing you type is uploaded or stored anywhere.
What are the exact pixel limits Google uses?
They are not officially published and they drift over time, but sustained measurement puts desktop titles around 580px and desktop descriptions around 990px, with mobile allowing more. This tool uses those working limits and renders in Google's font stack, which is as close as an external tool can get.
Why does Google sometimes show a different title than mine?
Google rewrites titles it considers too long, keyword-stuffed, boilerplate, or mismatched with the page. Staying inside the pixel limit and writing a title that plainly describes the page is the best way to keep the one you wrote.
Is 160 characters still the meta description limit?
Treat ~155–160 characters as a practical desktop guideline, not a rule — the real limit is pixel width, and Google occasionally shows much longer descriptions for some queries. Write one complete, natural sentence or two and check it against the pixel bar.
Does the meta description affect rankings?
Not directly — Google has confirmed it is not a ranking factor. It affects click-through rate, which determines how much traffic your existing rankings actually deliver, so it is worth writing well regardless.
Should I check mobile or desktop?
Both. Mobile gives titles roughly two lines and slightly different budgets, and most searches happen on mobile — but plenty of high-intent research still happens on desktop, where limits are tighter. If it fits desktop, it almost always fits mobile.
Can I preview a page that is already live?
Yes — copy the title tag and meta description from the live page's source (or from your SEO plugin) and paste them here. This is a quick way to audit existing pages for truncated snippets after a redesign or a plugin change.
Should my title include the brand name?
Only if there is room after the words people search for. Put the brand at the end, separated by a pipe or dash, and cut it first when the title runs long. Google often shows your site name separately above the title on both desktop and mobile, so a brand in the title can be repeated twice. For homepages and brand searches, leading with the brand makes sense.
How long should a meta description be on mobile?
Mobile results can show a little more text than desktop because the snippet wraps across more lines, but the exact amount varies by device and query. The safest approach is to put the full promise in the first 120 characters, so the key point survives whatever the screen width. Use the Mobile toggle above to see how the wrap changes, then make sure the sentence still reads well if it is cut.
Do emojis or special characters work in titles?
Google can display some emojis and symbols, but it removes them when it thinks they are spammy or irrelevant, so you cannot rely on them showing. Wide characters also take up more pixels than letters, which brings truncation sooner. A single check mark or star rarely hurts, but a title that depends on symbols for meaning is risky. Plain, specific words are more reliable and easier to read.
More free SEO tools
Part of the Cybertrickz SEO toolkit: Meta Title Generator · Keyword Density Analyzer · XML Sitemap Generator · Robots.txt Generator · Schema Markup Generator · See all tools →