Skip to content
Toolcroft

SERP Preview - Google Snippet Simulator

SEO & Marketing

Preview Google search snippets with approximate desktop and mobile pixel widths for titles and descriptions. Measure truncation as you edit, locally.

Your inputs are saved in this browser only. No data is ever sent to a server, and saved values won't be visible in other browsers or devices.

0 / 600 px · 0 chars

0 / 920 px · 0 chars

Preview:
example.com

Your page title will appear here

Your meta description will appear here - keep it compelling and under the character limit.

Approximate widths (desktop): title 600px · description 920px. Google may display a different result.

How to use this tool

  1. Enter title and URL. Type your page title and the URL as you want it to appear.
  2. Add description. Paste or type your meta description.
  3. Toggle desktop / mobile. Switch the preview to see how the snippet looks on each device type.
  4. Fix truncation. Shorten the title or description if the preview shows it cut off.

What is a SERP snippet?

A SERP snippet (Search Engine Results Page snippet) is the block of text Google shows for your page in search results. It typically consists of a clickable title link, a breadcrumb URL, and a short description. Optimising these three elements is one of the fastest ways to improve your click-through rate without changing your ranking.

Title pixel width vs character count

Google measures title width in pixels, not characters. Because different letters have different widths (an "i" is much narrower than an "M"), a 60-character title can fit or be truncated depending on its words and punctuation. This preview uses the browser's Canvas text measurement with Arial, matching the font used in its result card. Its pixel and character readouts update as you type, so you can compare a concise title with a longer one.

Desktop vs mobile limits

Google truncates title links as needed to fit the device and does not publish one fixed pixel cap. For a practical comparison, this simulator uses approximate title budgets of 600 px on desktop and 560 px on mobile. The narrower mobile estimate helps surface titles that may lose words on a phone, but Google can wrap, truncate, or rewrite a title differently. Check both views before choosing a final version.

Description width and character count

The description meter shows both an approximate pixel width and a character count. Google does not enforce a fixed meta description length: it creates snippets from page content and may use your meta description when it is a good match. This preview uses 920 px for desktop and 680 px for mobile as comparison budgets, then adds an ellipsis when the text exceeds the selected width. These estimates use the card's Arial font and are not a promise of Google's exact snippet.

Writing a high-CTR description

  • Lead with the most important information - Google may cut from the end.
  • Include the primary keyword naturally near the start.
  • Use an active voice and include a benefit or call to action.
  • Keep the draft concise; character count alone does not predict its rendered width.

Google's dynamic title rewriting

Since August 2021, Google frequently rewrites page titles in search results rather than using your <title> tag verbatim. Google may substitute the page's <h1> or append the site name if it determines the title tag is unhelpful. Common triggers for rewriting include:

  • Keyword stuffing - repeating the same keyword multiple times
  • Truncation - a title that is longer than the pixel limit and would be cut mid-word
  • All-caps titles that differ significantly from the page's main heading
  • Boilerplate titles that are identical across many pages

This preview shows your title as written and cannot predict a rewrite. After publishing, compare live results for relevant searches; Search Console can report search performance but does not guarantee which title Google will display.

Structured data rich snippets

Structured data describes page content, but adding markup does not guarantee an expanded search result. Google currently limits FAQ rich results to well-known, authoritative government and health websites, and stopped showing How-to rich results in 2023. Review snippets may appear for eligible content when it meets Google's policies, but the search display remains Google's choice.

  • FAQ schema: do not expect FAQ dropdowns for a typical commercial or personal site.
  • Review markup: eligibility and display depend on Google's review policies.
  • HowTo schema: no longer produces a Google How-to rich result.

See Google Search Central for current requirements before adding markup. The Schema Markup Generator can help prepare structured data, but it cannot make a result eligible by itself.

Meta description best practices

While Google may replace your meta description with page text that better matches a specific query, a well-written description still shows for:

  • Branded searches where the query closely matches your page's content
  • Bing search results (Bing respects the meta description more consistently)
  • Social sharing previews on LinkedIn, Facebook, and Slack (which use the Open Graph description, which often defaults to the meta description)

Frequently asked questions

How wide is a Google title in pixels?

Google does not publish a fixed pixel cap for title links; it truncates them as needed to fit the device. This preview uses approximate budgets of 600 px on desktop and 560 px on mobile. Google may show a different title or rewrite yours.

How long should my meta description be?

Google sets no fixed character limit for a meta description. Snippets are shortened as needed to fit the device, and Google may instead use text from the page. A concise description around 140–160 characters can be a useful drafting target, not a display guarantee.

Why does Google sometimes ignore my meta description?

Google may use a passage from the page when it better matches a search query. A relevant meta description can still be used, but Google chooses what to show for each result.

What font does Google use for titles?

This preview measures text in the browser with Arial to estimate its width. Google can use different fonts and layouts, so treat the pixel readouts as a comparison aid rather than an exact prediction.

Browse all seo & marketing