Skip to content

SERP Snippet Preview

Preview a search result the way Google renders it on desktop and mobile. Truncation is calculated by pixel width rather than character count, because that is how Google actually cuts snippets. Meta tags included.

  • Pixel-width truncation, not character count
  • Desktop and mobile widths
  • Live snippet preview
  • Length guidance per field
  • Ready-to-paste meta tags

Preview

Nothing is sent to Google or to us

example.com

Meta tags

How to preview a Google search snippet

  1. 01

    Enter your title tag

    Type or paste the page title. The preview updates as you type and shows exactly where truncation would fall.

  2. 02

    Add the meta description and URL

    The description sits below the title, and the URL is rendered as the breadcrumb Google shows above it.

  3. 03

    Switch between desktop and mobile

    Mobile has a narrower container, so a title that fits on desktop is often cut on phones — where most of your traffic is.

  4. 04

    Copy the meta tags

    Once the lengths work, copy the generated title, description, canonical and Open Graph tags into your page head.

Google truncates by pixels, not characters

Nearly every "meta description length" guide gives a character count — 155, 160, 920. Those numbers are averages of something Google does not measure. Google renders the snippet in a container of fixed pixel width and cuts whatever overflows.

The practical consequence: a title made of narrow letters like "Illinois Litigation Timeline" fits comfortably, while "Wow: Mammoth Marketing Machines" of the same character count gets cut. This tool measures approximate rendered width per character, which is why the character counts it reports vary between two titles that both "fit".

The measurement here is an approximation of Google's font metrics, not a pixel-perfect reproduction. Treat the boundary as a guideline with a small margin, not a hard line.

Google rewrites titles anyway — so why bother?

Google has rewritten displayed titles for years, and by its own account changes them for a substantial share of results. It pulls from your H1, from anchor text, from on-page headings — whatever it judges more useful for the query.

That is an argument for writing better titles, not for ignoring them. Google's own guidance is that rewrites usually happen when a title is too long, keyword-stuffed, boilerplate across the site, or missing. A concise, descriptive, page-specific title is the one most likely to survive intact.

Meta descriptions are rewritten even more often, because Google frequently assembles a snippet from the passage matching the query. They still matter: when yours is used, it is the sales pitch that decides the click.

Writing the title tag

Put the distinguishing information first. Mobile truncates hardest, and a title that opens with your brand name spends its most valuable pixels on something the reader already knows from the URL.

The reliable pattern is Primary topic — qualifier | Brand, with the brand last so it is the part that gets cut. Every page needs its own title: duplicate titles across a site are one of the strongest triggers for Google replacing them.

Writing the meta description

The description is not a ranking factor — Google confirmed this a long time ago — but it is a click-through factor, and click-through is what actually moves traffic. Treat it as ad copy for a free ad slot.

Say what the page delivers and why it is worth opening, in plain language. Include the terms someone would search, because matching words are bolded in the result and draw the eye. Avoid the generic opener ("In this article we will discuss…") that wastes the first third of the space.

Frequently asked questions

How long should a title tag be?

Around 580 pixels on desktop and 460 on mobile, which works out to roughly 55–60 characters depending on which letters you use. Wide characters like m and w eat the budget faster than i and l, which is why pixel width is the better measure.

How long should a meta description be?

Roughly 155–160 characters, though the real limit is about 990 pixels on desktop. Front-load the important part: even when Google shows your description, it may cut the tail.

Why does Google show a different title than the one I wrote?

Google rewrites displayed titles when it judges yours less useful for the query — typically when it is too long, stuffed with keywords, identical across many pages, or absent. A concise, specific, unique title is the most likely to be shown as written.

Is the meta description a ranking factor?

No. Google has stated it does not use meta descriptions for ranking. It influences click-through rate, which affects how much traffic a given ranking actually delivers, so it is still worth writing well.

Why measure in pixels instead of characters?

Because that is what Google does. It renders the snippet in a fixed-width container and truncates on overflow. Two titles with identical character counts can behave differently depending on which letters they use.

Should I check the desktop or the mobile preview?

Both, but optimise for mobile since it is narrower and usually carries the majority of traffic. If your title survives mobile truncation it will be fine on desktop.

SEO

UTM Builder

Build campaign URLs that GA4 actually attributes, with the mistakes flagged as you type.

SEO

URL Slug Generator

Turn any headline into a clean, ASCII-safe URL slug, accents and symbols included.

SEO

FAQ Schema Generator

Turn a list of questions and answers into valid FAQPage JSON-LD, checked against Google's rules.