SERP Snippet Preview

This SERP snippet preview shows how your title tag and meta description look in Google search results on desktop and mobile. It measures both in pixels with Arial, the font Google uses for results, including kerning, so it shows exactly where your text will be cut. It also checks the search query, catches common title mistakes, and gives you the HTML tags to copy.

What is a SERP snippet?

A search result, or SERP snippet, has three main parts: the site name and URL, the blue title link, and the description underneath. Google usually builds the title link from your <title> tag and the description from your meta description, but it can use other text from the page when it decides that describes the page better. Google explains this in its title link and snippet documentation.

A clear, complete snippet doesn’t change your rankings directly, but it decides whether people click. A title that is cut off in the middle, or a description that trails away, gives searchers less reason to choose your page. A SERP snippet preview lets you catch that before you publish.

Title tag length: pixels, not characters

Google doesn’t cut titles after a number of characters. It cuts them when they no longer fit the width of the result, so the real limit is in pixels. Wide letters take up much more room than narrow ones:

On desktop, about 600 pixels of title are shown, which is usually 50 to 60 characters. This SERP preview tool marks a title green up to 561 px, amber between 561 and 600 px where it may be cut on some screens, and red above 600 px. On mobile, titles wrap onto a second line, so a title that fits on desktop almost always fits on mobile too. The best title tag length is therefore a width, not a character count: aim for under 561 pixels.

Meta description length

Meta descriptions are measured the same way, at Google’s smaller description size. About 985 pixels show on desktop, roughly 150 to 160 characters, and about 730 pixels on mobile, roughly 115 to 120. Two things make a description wider than its character count suggests:

• A date in front. Articles often show a date such as “Sep 28, 2026 —” before the description, which uses about 100 pixels.
• Bold query words. Google bolds words that match the search, and bold letters are wider. Enter your target search query to see the effect.

If your description is cut, put the key message and the reason to click in the first 100 characters, so it survives on mobile as well. A good meta description length is about 150 characters for desktop, with the essentials in the first 100.

How this SERP simulator measures text

Most SERP simulators count characters or measure text in whatever font your device has. This SERP preview tool uses the exact character widths of Arial and applies kerning, the spacing adjustments between letter pairs such as “AV” or “To” that the results page also applies. On devices with Arial or a metric-identical font, it measures with the browser’s own text engine; on others, such as Android phones, it uses built-in Arial tables. Both give the same result, so your numbers don’t change from one device to another.

Google doesn’t publish its cut-off points and changes its layout from time to time. The defaults (600 px for titles, 985 px and 732 px for descriptions) match what SEO tools commonly use today. If you see different cut-offs in your own results, change them under Cut-off points. To keep every word at least 16 pixels on screen, the preview is shown slightly larger than Google’s, with every width scaled by the same factor, so the cut-off points stay accurate.

Why Google rewrites titles and descriptions

Even a title that fits can be replaced. Google’s documentation lists the usual reasons: titles that are missing or vague, such as “Home”, titles stuffed with keywords, the same boilerplate text on many pages, titles that are out of date, and titles that don’t match the page. For descriptions, Google often shows text from the page that better matches the search. The checks in this tool flag the title problems you can control: generic titles, repeated words, long chains of separators, all-caps words, old years, and template variables like %sitename% that were never replaced.

Writing titles that fit and get clicks

• Put the most important words first. If the end is cut, the topic is still visible. The tool warns when your search query falls after the cut-off.
• Keep the brand short and at the end, separated by a hyphen or a pipe.
• Write a unique title for every page that matches what the page is about and what the searcher wants.
• Compare ideas side by side. Paste several options under Compare title ideas, see each one’s width, and choose Use to preview it.

Title and description patterns that work

Different pages need different snippets. These patterns fit comfortably inside the title tag length and meta description length limits and tell searchers exactly what they’ll get:

A quick checklist before you publish

• The title is unique on your site and matches the page’s main heading in meaning.
• The most important words appear before the cut-off on desktop.
• The description summarizes the page in plain language and gives a reason to click.
• Numbers, prices, and dates in the snippet are current and match the page.
• There are no leftover template variables, such as %title% or {{site_name}}.

Run each new page through the SERP snippet preview with this checklist, and update older pages whose titles are cut off or out of date. Small changes to a title can make a noticeable difference to how often a result is clicked.

Using the preview with Rank Math, Yoast, or any CMS

Use the SERP snippet preview before you publish or update any page. Paste a page’s HTML into Auto-fill from page HTML to load its current title, description, URL, site name, and favicon. When your snippet is ready, use Copy title and Copy description to paste them into your SEO plugin’s fields, or copy the HTML tags for a custom site. If the page also has structured data, test it in the JSON-LD Validator.