PeakKR
πŸ‘οΈ

Google SERP Snippet Preview

See exactly how your page will look in Google before you publish β€” real title truncation, description wrapping, and the URL breadcrumb, on desktop and mobile. What you see here is what searchers get.

βœ“ 100% free, no signup βœ“ Desktop & mobile toggle βœ“ True pixel truncation βœ“ Runs in your browser
example.com β€Ί services β€Ί roof-repair Your title renders here exactly as Google shows it Your description renders here with real truncation, so what you see is what searchers get.
How to use it

Preview a snippet before it ships

  1. Enter the URL β€” the breadcrumb builds itself from your path, exactly as Google renders it. Ugly here means ugly in the results.
  2. Type the title and description. Both truncate live at Google's real pixel limits, so you're editing against the actual constraint, not a character guess.
  3. Flip to mobile. Most of your traffic sees this version β€” check that the title still carries its value proposition at the tighter width.
Why it matters

The snippet is the ad β€” rankings just buy the placement

Two pages at position 3 can earn wildly different traffic because one snippet sells and the other mumbles. Three things go wrong constantly, and all three are visible in this preview in seconds: titles truncate mid-value-proposition, descriptions get cut right before the offer or phone number, and URLs render as unreadable ID soup.

  • Titles carry the click. Match the query's words (they get bolded), then add the differentiator β€” price, speed, proof β€” before the pixel limit.
  • Descriptions close it. One sentence of outcome, one concrete detail. Generic descriptions get rewritten; specific ones get kept and clicked.
  • Breadcrumbs whisper trust. example.com β€Ί services β€Ί roof-repair reads like a well-run site. example.com β€Ί index.php?id=847 doesn't.
Workflow tip: preview the top pages you're about to re-title in one sitting, mobile view on. Batch-editing against the real truncation limit is how agencies clear a metadata backlog without a single "oops, it got cut" in next month's report.
FAQ

Snippet questions, answered

What is a SERP snippet?

The block Google shows for your page on the results page: the URL breadcrumb, the blue title link, and the description underneath. It is the only thing a searcher sees before choosing you or a competitor β€” effectively an ad you write once and run for free on every query you rank for.

How is mobile different from desktop?

Mobile gives titles slightly less width (~500px vs ~580px) but descriptions a touch more, and Google truncates more aggressively on titles. The toggle in this tool switches both limits and the card width so you can check each surface.

Does Google always show my meta description?

No β€” Google swaps in page text when it believes a passage matches the query better, which happens to more than half of descriptions. A description that clearly answers the page's main query gets kept far more often than generic boilerplate.

Where does the breadcrumb under the title come from?

From your URL path (and BreadcrumbList schema when present). Clean, readable paths like /services/roof-repair render as "example.com β€Ί services β€Ί roof-repair" β€” query strings and ID-based URLs turn into noise. It is a small trust signal searchers do scan.

Can I control how my brand appears in the title?

Mostly. Google prefers your title tag but appends or swaps the brand using your Organization schema and general knowledge of the site. Putting the brand at the end of the title, after a pipe or dash, is the pattern Google preserves most reliably.

Need the width numbers on their own? The meta length checker gives you live pixel meters for titles and descriptions.

Do this on every page, without the copy-paste. The PeakKR SEO Assistant for Chrome runs these checks on whatever page you're viewing β€” plus broken links, Core Web Vitals, live tag inspection, and one-click tasks into your agency workspace.

Get the Chrome extension Try PeakKR free

More free tools