Free tool

SERP snippet preview

A SERP snippet is how a page appears in Google's results: the site name and address, the title as a blue link, and a short description under it. Type your page's title, meta description and address to see a Google-style result for desktop and mobile, with each line's character count, its width in pixels and where it would be cut.

It runs entirely in your browser: nothing you type is sent anywhere or saved, and there is no sign-up. The cut-off points are estimates, because Google cuts by pixel width, changes its layout from time to time and may rewrite titles and descriptions.

Your page

58 characters · 547 px of about 600 px on desktop

The page's title tag, or the SEO title in Shopify or WordPress.

179 characters · 1,081 px of about 985 px, cut in the preview

The text in the page's meta description tag.

The full address of the page. Only the domain and the path are shown.

Google chooses the name it shows, often from your homepage's WebSite structured data. Leave it empty to show your domain.

Everything runs in your browser. Nothing you type is sent anywhere or saved.

Preview

Title: 58 characters, fits on desktop, fits on mobile. Description: 179 characters, cut after 159. Site Health would flag one thing.

Desktop

example.com
https://www.example.com › blog › how-to-choose-runnin...
How to Choose Running Shoes: A Fitting Guide for Beginners

Learn how to choose running shoes that fit: measure both feet late in the day, leave a thumb's width at the toe, test the heel for slip and try them on a short ...

Mobile

example.com
https://www.example.com › blog › how-to-choose-runnin...
How to Choose Running Shoes: A FittingGuide for Beginners

Learn how to choose running shoes that fit: measure both feet late in the day, leave a thumb's width at the toe, test the heel for slip and try them on a short ...

Widths come from a built-in table of Arial's character widths (20px titles, 14px descriptions, 12px addresses), because this page hasn't measured in your browser's Arial. On a narrow screen, each preview scrolls sideways.

Lengths and widths

Title, characters
58 characters
Title on desktop
547 px of about 600 px. Fits on one line.
Title on mobile
Two lines of about 368 px. Fits in two lines.
Description, characters
179 characters
Description width
1,081 px of about 985 px. Cut after 159 characters.

Characters are counted the way BlogAmplify's Site Health counts them: runs of spaces as one, entities such as & as the character they stand for, an accented letter or a simple emoji as one character. Google cuts by width, not by characters, so a title of wide letters is cut sooner.

What BlogAmplify's Site Health would flag

  • NoticeMeta descriptions that Google cuts off. The description is 179 characters, over the 160 Site Health flags.

Site Health flags titles over 65 or under 15 characters, descriptions over 160, missing ones, and titles or descriptions shared by several pages, which only a check of the whole site can find. How Site Health works.

The starting text is an example for a made-up running shoe guide on example.com. The fonts and widths come from Yoast SEO's open-source preview and Screaming Frog's estimates, checked against Google's own results; see how this preview measures, below.

What a search snippet is

Each ordinary result in Google is made of a few parts, which Google names in its visual elements gallery:

  • Site name and favicon: the name of the site and its small icon. Google picks the name itself; the WebSite structured data on your homepage is the main way to tell it your preference.
  • Visible URL: the page's address in a readable form, in two parts: the domain and a breadcrumb trail showing where the page sits on the site, such as https://example.com › blog › post.
  • Title link: the clickable headline, which Google builds from your title tag and other text on the page.
  • Snippet: the description under the title, built from the page's text or its meta description.

The title and the snippet are what a searcher reads to decide whether to click, which is why the length and the first words of each matter.

Why title and description length matter

Google sets no length limit for either. Its title link guide and its snippet guide both say the text is truncated as needed, "typically to fit the device width". What doesn't fit is replaced with dots, and the end of a title is often where the key point or the brand sits.

Google measures in pixels, not characters. A W is more than four times as wide as an i, so two titles of the same length can be cut at different places. In the 600 pixels a desktop title gets in SEO tools' previews, 20px Arial holds about 55 to 60 characters of a title written in title case and a few more in lowercase. A description is cut at about 985 pixels, which wraps to roughly two lines on desktop and about three on a phone.

Why Google rewrites titles and descriptions

Google writes title links automatically. Its title link guide lists the sources it uses: the title element, the main title shown on the page, headings such as the H1, og:title, other large or prominent text, anchor text on the page, the text of links pointing to the page, and WebSite structured data. It may write a different title when it finds a problem, for example:

  • a half-empty title, such as only the site name;
  • an old date in a title that should have been updated;
  • a title that doesn't match what the page is about;
  • the same boilerplate title on many pages;
  • no clear main heading on the page;
  • a title in a different language or script from the page's content;
  • the site name repeated.

Snippets work differently. According to Google's snippet guide, they come mainly from the page's content, and Google uses the meta description when it gives a more accurate picture of the page. Snippets are chosen to match each search, so the same page can show different text for different searches.

After you change a title or description, Google has to crawl and process the page again before results show it, which Google's title link guide says can take from a few days to a few weeks.

How to write a good title

  • Say what the page offers, in specific words. "Handmade Silk Sarees | Your Brand" tells a searcher more than "Home" or "Shop", and Google advises against vague titles like "Home".
  • Put the main words first, so a cut only takes the less important end.
  • Give every page its own title. Pages that share one are hard to tell apart, and Google may rewrite them.
  • Brand it briefly. Google suggests putting the site name at the start or the end, separated by a hyphen, colon or pipe.
  • Don't repeat keywords. Google's own example of a title that doesn't help is a list of variations of one word.
  • Keep dates current, or leave them out of pages you don't update every year.
  • Match the page's main heading, since Google reads the H1 when it writes title links.

When Site Health suggests a new title for one of your pages, it aims for 40 to 60 characters. On Shopify, the Shopify SEO checklist covers titles and the other checks, with where to fix each one. Writing a blog post title? The blog title checker looks at more than length.

How to write a good meta description

  • Sum up the page and give a reason to click, in about 150 characters, so it fits before the cut.
  • Write one for each page. Google suggests site-level text for the homepage and page-specific text elsewhere; a description copied across pages describes none of them well.
  • Include the useful details. Google's examples: for a product, its price, age or maker; for an article, its author and publication date.
  • Generate them from your data on a large site, which Google says is fine as long as every description reads naturally and differs from the others.
  • Skip keyword lists and vague, very short descriptions.

How this preview measures

  • Fonts and widths follow Yoast SEO's open-source search result preview: titles in 20px Arial on one line of 600 pixels on desktop and up to two lines of 368 pixels on mobile (a 400 pixel card with 16 pixels of padding), descriptions in 14px Arial.
  • Descriptions are cut once the text, set on one line, passes about 985 pixels, Screaming Frog's estimate of Google's limit, and then wrap to the result's width. The preview uses the same estimate on mobile.
  • Tools disagree by a few dozen pixels: Screaming Frog flags titles over 561 pixels, for example. Treat every cut-off point here as an estimate.
  • Google's own results use other fonts. When we compared them with this preview on October 19, 2026, Google's desktop results set titles at 22px in its own typeface, Google Sans, in a column about 652 pixels wide, and descriptions at 14px in Roboto. A line held about as much text as the Arial widths here, and the descriptions Google had cut ended at about 950 to 1,000 pixels.
  • Widths are measured in your browser with the canvas measureText function, in Arial or a font with the same widths. When neither is available, the preview uses a built-in table of Arial's character widths instead.
  • A cut title or description keeps the last whole word that fits with " ..." after it, and drops a separator such as | or : left at the end.
  • The address shows https:// (or http://), the domain and the parts of the path, decoded, without the query string, in 12px text, as Google's results showed addresses on that day. It is cut at about 300 pixels with "...", inside a word if need be, which is where Google cut the long ones; the preview cuts it there on mobile too. Google may show a different trail, for example from breadcrumb structured data.
  • Characters are counted exactly as BlogAmplify's Site Health counts them: runs of spaces as one, entities such as & decoded, an accented letter or a simple emoji as one character.

It leaves out what Google adds on its own: dates, ratings, images, sitelinks, words in bold that match the search, AI Overviews and your real favicon (the preview draws your site name's first letter instead).

BlogAmplify's Site Health limits

BlogAmplify's Site Health checks the titles and meta descriptions of every page in your sitemap. It counts characters, so a number means the same on every page and in its suggestions; the limits are the usual character equivalents of Google's pixel cut. The tool above runs the same checks on one page.

Title and description checks in Site Health
CheckWhen it flags a pageLevel
Pages without a titleThe page has no title.Error
Titles that Google cuts offThe title is over 65 characters.Notice
Titles too short to say what the page offersThe title is under 15 characters.Notice
Pages sharing the same titleAnother page has the same title.Warning
Pages without a meta descriptionThe page has no meta description.Warning
Meta descriptions that Google cuts offThe description is over 160 characters.Notice
Pages sharing the same meta descriptionAnother page has the same description.Notice

Shared titles and descriptions need the whole site, so this page can't check them. Site Health can, along with broken links, redirects, missing headings and the other checks on its list.

Frequently asked questions

How long should a title tag be?

Google sets no limit, but cuts a title to fit the screen. Previews in SEO tools give a desktop title about 600 pixels of 20px Arial, which holds roughly 55 to 60 characters of a title in title case. Put the important words first. BlogAmplify's Site Health flags titles over 65 characters.

How long should a meta description be?

Google sets no limit here either and cuts descriptions to fit the device. Screaming Frog estimates the cut at about 985 pixels, which in our tests held about 150 to 160 characters of ordinary sentences. Aim for about 150 characters that say what the page offers. Site Health flags descriptions over 160.

Why does Google show a different title from mine?

Google builds title links automatically, from your title tag, the page's main heading, og:title, other prominent text and links pointing to the page. It may write its own when a title is mostly empty, out of date, inaccurate, the same on many pages, or repeats the site name.

Why doesn't Google use my meta description?

Google builds snippets mainly from the page itself and uses the meta description when it describes the page more accurately. Snippets also follow the search, so one page can show different text for different searches. A description that sums up the page accurately gives Google a reason to use it.

Is this preview exactly what Google will show?

No. Google cuts by pixel width, adjusts its layout from time to time, and may rewrite titles and descriptions or add dates, ratings and images. This preview uses the fonts and widths of published SEO tools' previews, which we checked against Google's own results, so treat its cut-off points as an estimate, not a promise.

Does the tool save or send what I type?

No. The preview and all its measuring run in your browser with JavaScript. Nothing you type is sent to BlogAmplify or anyone else, and nothing is saved. Reload the page and the fields go back to the example.

Check every title and description on your site

This tool checks one page at a time. BlogAmplify's Site Health checks the title and meta description of every page in your sitemap in a weekly audit. It flags titles and descriptions that are missing, too long or shared by several pages, and titles too short to say what the page offers. For each one it can suggest a new title or description you can copy, with the steps to fix it on Shopify, WordPress or any other site.

Card required. Free for 3 days, then from $99/mo. Cancel before then and pay nothing.

More free tools

Sources

  1. Influencing your title links in search results, Google Search Central. Last updated December 10, 2025. Checked October 19, 2026.
  2. Control your snippets in search results, Google Search Central. Last updated April 20, 2026. Checked October 19, 2026.
  3. Visual Elements gallery of Google Search, Google Search Central. Last updated February 4, 2026. Checked October 19, 2026.
  4. Provide a site name to Google Search, Google Search Central. Last updated December 10, 2025. Checked October 19, 2026.
  5. Breadcrumb (BreadcrumbList) structured data, Google Search Central. Last updated September 8, 2026. Checked October 19, 2026.
  6. SnippetPreview.js, the search result preview in Yoast SEO, Yoast, on GitHub. Open source. Desktop and mobile titles at 20px, descriptions at 14px, in Arial; a 600 px wide desktop result and a 400 px mobile card with 16 px padding; mobile titles up to two lines. Checked October 19, 2026.
  7. Page titles over 561 pixels, Screaming Frog SEO Spider. The tool's estimate of where Google cuts titles. Checked October 19, 2026.
  8. Meta description over 985 pixels, Screaming Frog SEO Spider. The tool's estimate of where Google cuts descriptions. Checked October 19, 2026.