Google SERP Preview Tool

This SERP preview tool shows how your page looks on Google: type your title, URL and description for a live preview, with pixel-width warnings so nothing important gets cut off.

Updated 100% free Files stay on your device No sign-up

Watch the 0:32 video tutorial
Google SERP Preview Tool illustration
E

Google shows roughly 580px of the title and ~155–160 characters of the description on desktop.

How to use the Google SERP Preview Tool (video)

0:32 · no sound needed
In this video
  1. Type your SEO title and watch the pixel counter
  2. Edit your meta description
  3. The preview updates live, just like Google
  4. Switch to Mobile to check the phone view

Why preview your Google snippet?

Your search snippet is the first impression people get of your page. If the title is cut off halfway through a word, or the description ends before the important part, fewer people click. This SERP preview tool shows your snippet as it would appear in Google on desktop and mobile, so you can fix problems before you publish.

How to use the SERP preview

  1. Enter your SEO title. The counter shows its width in pixels, because Google limits titles by width, not characters.
  2. Enter the page URL. The preview turns it into Google’s breadcrumb style.
  3. Write your meta description and watch the character count.
  4. Switch between Desktop and Mobile to check both layouts.

Title length: pixels, not characters

Google truncates titles at around 580–600 pixels on desktop. Wide letters such as W and M take more space than i or l, so two titles with the same number of characters can display very differently. Aim for a title under 580 px and put your main keyword and brand where they will not be cut off.

Tips for a higher click-through rate

  • Match the searcher’s intent. If people want a free tool, say “free” and “online”.
  • Use numbers, years or clear benefits: “in 2 minutes”, “no sign-up”.
  • Write a unique description for every page. Duplicate descriptions are often replaced by Google.
  • Keep the URL short and readable. Our URL slug generator helps with that.

When you are happy with the preview, generate the final HTML with the meta tag generator.

Anatomy of a Google search result

  • Site name and favicon: taken from your site’s name markup and site icon.
  • Breadcrumb URL: your domain followed by the path, often shown as “example.com › blog › post”.
  • Title link: usually your <title> tag, although Google may use your H1 instead if the title is too long or unhelpful.
  • Snippet: usually your meta description, or a passage from the page that better matches the search.
  • Date: shown for articles and news when Google can find a clear publish date.

How to write titles that get clicked

  1. Start with the keyword people search for, so it is bolded and seen first.
  2. Add a differentiator: free, 2026, step-by-step, in 5 minutes, no sign-up.
  3. Add your brand at the end if there is room, separated by a pipe or dash.
  4. Avoid all caps and clickbait. Google may rewrite titles that look spammy.

How to write descriptions that convert

Treat the meta description like a small advert. Say what the page offers, why it is better and what the reader should do next. Include the main keyword once: Google bolds words that match the search. Keep it specific. “We offer great services” says nothing; “Fixed-price airport transfers with free flight tracking and 60 minutes’ waiting” gives a reason to click.

Why does Google change my snippet?

Google rewrites titles and descriptions when they are missing, duplicated, too long or do not match the search. You cannot fully control this, but unique, accurate, well-sized tags are used far more often. Test several versions here, then save the best in your CMS or with the meta tag generator.

Frequently asked questions

Why does Google cut off my title?

Google shows about 580–600 pixels of a title on desktop. Anything wider is replaced with an ellipsis. Shorten the title or move key words to the front.

Does Google always use my meta description?

No. Google rewrites descriptions it finds unhelpful or unrelated to the search. A clear, specific description is used more often.

Is this an exact copy of Google results?

It is a close approximation using the same fonts and sizes. Google changes its layout often, so small differences are normal.

What is a good meta description length?

About 140–160 characters on desktop. Put the most important information in the first 120 characters for mobile.