Search preview

SERP Snippet Previewer

See your search listing before Google does. Type a title, URL and description to get a live desktop and mobile preview with pixel-based truncation and bolded keywords.

P

Google rewrites many titles and descriptions and its limits change over time, so treat this as a close estimate rather than a guarantee.

Runs entirely in your browser. Nothing is uploaded to any server.

Why preview your search snippet

Win the click

Your title and description are your ad in the results. A clear, complete snippet earns more clicks.

Avoid cut-offs

Google truncates by pixel width, not characters, so wide letters can push key words out of view.

Check mobile too

Most searches happen on phones, where the layout and limits differ from desktop.

How to use the SERP snippet previewer

  1. Enter your contentType or paste the page title, URL and meta description.
  2. Add a keywordEnter the search query to see which words Google would bold.
  3. Compare layoutsSwitch between desktop and mobile and adjust until nothing important is cut off.

How the preview estimates truncation

Google limits titles by the width of the result container rather than a fixed character count. This preview measures your text with the browser's canvas text metrics using Arial, the font Google uses for results, and trims it at about 600 pixels for desktop titles and around 920 pixels for desktop descriptions, adding an ellipsis at a word boundary like Google does.

Google may still rewrite your title or choose a different description based on the search query, and the exact limits shift as the results page is redesigned. Use the preview to make sure your most important words appear early and fit comfortably.

Pixel accurate

Wide letters like W and M use more space than i and l, which the measurement accounts for.

Keyword bolding

Search terms are bolded in the preview just as they are in real results.

Breadcrumb URL

The URL is shown as a breadcrumb trail like modern Google results.

SERP snippet previewer FAQ

What is the ideal title length?

Aim for roughly 50 to 60 characters, or under about 600 pixels, with the main keyword near the start.

What is the ideal meta description length?

Around 120 to 158 characters usually displays fully on desktop. Mobile shows a little less.

Why does Google show a different title than mine?

Google rewrites titles it considers too long, keyword-stuffed or not descriptive of the page. A concise, accurate title is rewritten less often.

Does the date count toward the description length?

Yes. When Google shows a date, it takes space at the start of the description, so less of your text fits.

Is my text sent anywhere?

No. Everything is rendered locally in your browser.

Try other SEO tools

More free tools from My Panda Toolbox.

TTLTitle Tag Length CheckerCheck title pixel width. DESCMeta Description Length CheckerCheck description length. METAMeta Tag GeneratorGenerate SEO and social meta tags. CARDTwitter Card Meta GeneratorSocial card tags for X/Twitter.