SERP Snippet Preview
Type a title, URL and meta description and see them laid out like a Google result. The tool measures each line in pixels and shows exactly which words fall past the cut.
Your snippet
Shown as breadcrumbs, the way Google prints it.
Google preview
Sourdough Starter Guide: Feed, Store and Revive It | Crumb & Co
How to feed a sourdough starter, how often to do it, and what to do when it smells like nail polish. Includes a printable feeding schedule and fixes for a sluggish jar.
An approximation: Google can rewrite titles and snippets, and its layout changes now and then.
Pixel widths
Measuring…
Limits used: title about 600 px, description about 920 px on desktop. These are estimates, not values Google publishes.
Measured in pixels
Canvas measurements in Arial, the font Google uses for results.
Desktop and mobile
Switch views to see both limits on the same text.
Nothing uploaded
Your title and description are measured in this tab only.
Characters are a rough guide. Pixels are what count.
Advice like "keep titles under 60 characters" is a shortcut. Google doesn't count characters; it fits text into a box of a certain width and adds an ellipsis when the text runs over. Sixty capital Ws take up far more room than sixty lowercase Is, so two titles of the same length can end very differently.
This preview draws your title and description with a canvas in the same font Google uses for results, Arial, at 20 px for titles and 14 px for descriptions. It then compares the measured width with the space Google seems to allow: about 600 px for a title, about 920 px for a description on desktop and about 680 px on mobile. When the text is too long, the tool cuts it at the last whole word that fits, adds " ..." and lists the words that got hidden.
Those limits are estimates. Google doesn't publish them, tests new layouts all the time, and rewrites many titles anyway. Treat the preview as a careful approximation and you'll get a lot of use from it.
How to use it
- 1Enter your page title, its URL and the meta description.
- 2Switch between Desktop and Mobile to compare the two layouts.
- 3Read the pixel bars: green fits, amber is close to the limit, red is cut.
- 4Turn on the date option if Google shows a date for your page, and see how much room it takes.
How the measuring works
The widths come from your own browser's text rendering. If your computer doesn't have Arial, it uses a close substitute, so numbers can differ by a few pixels between devices.
- Title: Arial 20 px, cut at about 600 px on both desktop and mobile. On a phone the narrower card wraps it onto two lines.
- Description: Arial 14 px, cut at about 920 px on desktop and about 680 px on mobile.
- With the date switched on, a date such as "Oct 1, 2026" and a separator are placed in front of the description and counted in its width, as Google does.
- The URL line shows the address as breadcrumbs (https://www.example.com › guides › page), with the site name taken from the domain.
- The bar turns amber above 90% of the limit and red once the text is cut.
Fixing a title that gets cut
Start by trimming filler: "The Complete and Ultimate Guide to" can usually go. Then check the order. If the brand name is the part that disappears, that's often fine, because the useful words come first.
Watch out for wide characters too. Capitals, W, M and emoji eat space quickly. A title in Title Case is a little wider than the same title in sentence case, and the bar shows the difference straight away.
Separators matter less than people think. A pipe and a hyphen are both narrow, so swapping one for the other saves a pixel or two at most. Cutting one long word saves far more.
When Google ignores your snippet
Google picks its own snippet for many searches, often a sentence from the page that contains the words someone typed. You can't stop that, but a description that matches the page well gets used more often. It's still worth writing one for every important page.
Two titles, same length, different result
Paste both into the title field and watch the bar. It's the quickest way to see why a character limit alone can mislead you.
- "WWW MEDIA WORKSHOP: MAKING MOVIES WITH MOBILE PHONES" is 52 characters of wide capitals and runs well past 600 px.
- "Filming on a phone: a simple guide for little films" is 51 characters, mostly narrow letters, and fits with room left over.
Related tools
What Our Users Say
Real feedback from people using WeblixTools, checked by our team before it appears.
5.0 out of 5 · 1 review
very nice
Frequently Asked Questions
How long should a title be for Google?
Around 50 to 60 characters usually fits, but the real limit is roughly 600 pixels. Type your title here and the bar tells you how close you are.
What's the meta description limit in pixels?
This tool uses about 920 px on desktop and about 680 px on mobile, at 14 px Arial. In characters that's roughly 150 on desktop and 110 to 120 on mobile, depending on the letters.
Why does my description get cut sooner on mobile?
Phones show less snippet text. This tool allows about 680 px on mobile against about 920 px on desktop, so a description that fits on a laptop can lose its last sentence on a phone. Put the most useful part first.
Does the date really take space from the description?
Yes. When Google shows a date, it sits at the start of the snippet, so the description gets less room. Turn on the date option to see how much.
Are the pixel limits exact?
No. Google doesn't publish them and changes its layout from time to time. The numbers here are approximations that match what most results look like.
Does the tool fetch my page?
No. It only uses the text you type. Nothing is sent to our server, and the URL is used just to draw the breadcrumb line.
Why does the URL show arrows instead of slashes?
Google prints most addresses as breadcrumbs: the site, then each folder of the path separated by a small arrow. The preview splits your URL the same way and leaves out query strings like ?ref=newsletter.