Skip to content
Devtoolry

SERP Preview Tool

Preview your page title and meta description in Google desktop and mobile results. Pixel-width checks show where Google cuts the text off before you publish.

Runs in your browser · Nothing uploaded · No sign-up

Something not working, or missing a feature? Send feedback

About the SERP Preview Tool

The SERP Preview Tool shows how a page's title and meta description appear in Google results on desktop and mobile. Google cuts snippets by width, not by character count, so the tool measures the text in your browser with the same fonts and shows where the title and description will be truncated, along with keyword bolding and the breadcrumb URL.

Files and tags are generated in your browser; nothing you enter, including unpublished URLs and titles, is sent to a server.

How to use the SERP Preview Tool

  1. Type or paste your title tag and meta description.
  2. Watch the width meters: green fits, amber means Google will cut the text with an ellipsis.
  3. Add the page URL, site name and the keywords people search, then copy the HTML for your <head>.

Common mistakes

  • Putting the brand first. The start of the title carries the most weight and is never cut. Lead with what the page is about and put the brand at the end.
  • Writing descriptions for robots. The description does not affect rankings, but it decides whether people click. Write it as a promise of what the page answers, not a list of keywords.
  • Identical titles across pages. Duplicate titles make Google rewrite them and make results hard to tell apart. Give every page its own title.

Works well with the SERP Preview Tool

Frequently asked questions

How long can a title tag be?

About 600 pixels on desktop, which is usually 50–60 characters. Wide letters such as W and M use the space faster than i or l, which is why pixel width is a better guide than a character count.

Why does Google show a different title or description?

Google rewrites titles and picks another description when it thinks other text on the page matches the search better. Clear, specific titles that match the page's main heading are rewritten less often.

How long should a meta description be?

About 920 pixels on desktop (roughly 150–160 characters) and about 680 pixels on mobile (roughly 120 characters). Put the key message in the first 120 characters so it survives on phones.