SwipeToLaunch
Add your product

Google SERP preview

Desktop and mobile Google snippet preview with pixel widths and truncation.

How to use it

  1. Type a title. The width counter tracks it against the roughly 600px desktop limit.
  2. Add the URL. Shown as the breadcrumb line under the site name.
  3. Write a description. Watch both previews; mobile cuts it shorter than desktop.

Why pixels, not characters

Google does not cut titles at a fixed number of characters. It cuts them when they run out of room, which is about 600 pixels for a desktop title set in 20px Arial. A title full of narrow letters ("lit list of tiny tools") fits more characters than one full of wide ones ("WWW MEMO MANAGEMENT"). That is why two 58-character titles can behave differently.

This preview measures your text with the same font in your browser and cuts it at a word boundary the way Google does, so you can see what a searcher would read.

What each part does

  • Title. The blue link. Front-load the words that match the search and the reason to click. Brand goes last unless people search for it.
  • URL line. Google shows the site name and a breadcrumb built from your URL path. Short, readable paths like /pricing or /blog/launch-checklist look better than IDs and dates. Make them with the slug generator.
  • Description. Up to about 920 pixels on desktop and 680 on mobile, so roughly 150 to 160 characters on desktop and a bit over 120 on phones. Put the key sentence first so the mobile cut still makes sense.

When Google ignores what you wrote

Google rewrites a large share of titles and most descriptions when it thinks another line on the page answers the search better. It is more likely to keep yours when the title matches the H1, describes the page plainly and is not stuffed with keywords. Treat this preview as an estimate of the best case, not a guarantee.

Next steps

Check a title on its own in more detail with the title tag checker, then generate the final tags with the meta tag generator.

What you get

  • Desktop and mobile previews side by side
  • Pixel widths measured with Arial in your browser
  • Word-boundary truncation like Google's
  • Warnings for titles and descriptions that will be cut

Questions

How many pixels is a Google title?

Desktop titles are cut at roughly 600 pixels in 20px Arial, which is usually 50 to 60 characters. Mobile has a little more room because titles can wrap onto two lines.

How long can a meta description be in Google?

About 920 pixels on desktop and around 680 on mobile, which works out to roughly 155 to 160 and 120 characters. Google sometimes shows longer snippets for some searches.

Is this preview exactly what Google shows?

No, it is an estimate. Google changes its layout, may add dates, ratings or sitelinks, and often rewrites titles and descriptions. The pixel widths are close enough to catch titles that will clearly be cut.

Why does Google show a different title than mine?

Google rewrites titles that are too long, stuffed with keywords, the same across many pages, or that do not match the page content. Keeping the title close to the H1 helps it stick.