Google SERP Snippet Optimization

What is the SERP Snippet Preview?

The SERP Snippet Preview shows how a page will look in Google’s results before you publish it. Type the title tag, the URL and the meta description and the preview updates live, with pixel-width meters that turn red when a line will be truncated. Google cuts titles at roughly 600 pixels on desktop and descriptions at around 920 pixels, not at a fixed character count, so a title full of wide letters like W and M is cut sooner than one full of narrow ones. Measuring in pixels is the only way to know. Everything runs in your browser.

How to use it

1. Enter the title tag. The meter shows the pixel width and warns as you approach the limit.
2. Enter the page URL so the breadcrumb line looks realistic.
3. Write the meta description. Its meter works the same way, and you can toggle a date prefix to see what happens when Google adds one.
4. Compare the desktop and mobile previews; mobile wraps the description onto more lines but shows fewer characters of the title.
5. Copy the title and description into your CMS or SEO plugin.

Writing a title Google will keep

Google rewrites a large share of titles, usually because they are too long, stuffed with keywords, identical across pages, or do not match the H1. To keep yours: put the main phrase near the front, keep it under about 580 pixels so it survives on desktop, make it match the page’s H1 in meaning, and give every page a distinct title. Brand names go at the end, separated by a dash or pipe, and can be dropped if space is tight. Read title tag and meta description length: how to write snippets Google won’t rewrite for the evidence and current limits.

Writing a description that earns the click

The description does not affect ranking, but it changes click-through rate, which does. State what the page delivers in the first sentence, include the search phrase naturally so it is bolded in results, and end with a reason to click: a number, an outcome, a specific. Avoid copying the first paragraph, and avoid fluff like “Welcome to our website”. Google replaces descriptions it considers unhelpful with a passage from the page, so if yours keeps being swapped, it usually needs to match the query better.

Things this preview cannot show

• Sitelinks, FAQ rich results and star ratings, which depend on structured data and Google’s choice.
• Google’s own rewrites. The preview shows what you set; the guide above explains what triggers a rewrite.
• Exact widths for every language; the meters use Google’s current desktop font metrics for Latin scripts.

Related tools

Pull the current title and description from any live page with the Meta Tag Extractor, generate matching social preview tags with the Open Graph Tag Generator, and run a full page check with the SEO Site Analyzer.

Frequently asked questions

How long should a title tag be?

Under about 580 pixels, which is typically 50 to 60 characters. Longer titles are cut with an ellipsis on desktop and shortened further on mobile.

How long should a meta description be?

Under about 920 pixels, roughly 150 to 160 characters on desktop. Mobile shows a little less; front-load the important part.

Why does Google show a different description from mine?

Because it judged a passage from the page a better match for that query. Descriptions are query-dependent; write one that covers the page’s main intent and accept that long-tail queries may get a different snippet.

Is this the same as Yoast’s or Rank Math’s preview?

Similar, but it works for any page without a plugin and measures in pixels rather than characters.