How to Preview Your SERP Snippet Before You Publish
Google does not count characters when it cuts off your title tag or meta description — it counts pixels. A 58-character title full of wide letters can truncate while a 64-character title of narrow ones survives — the “60 characters / 155 descriptions” rule keeps failing. A SERP preview tool approximates the rendered snippet, estimates pixel width, and lets you compare desktop and mobile before anything goes live. This guide covers why truncation works the way it does, how the layouts differ, how bolding affects clicks, and how to lower the odds of a rewrite.
Why Google Truncates by Pixels, Not Characters
Google’s Search Central documentation sets no character limit: “There’s no limit on how long a meta description can be, but the snippet is truncated in Google Search results as needed, typically to fit the device width.” The results page fills a fixed width with as much text as fits — a pixel budget, not a character count.
Measured in Liberation Sans at 20 px — metrically identical to Arial, the approximation this guide’s tool uses — WWWWWWWW spans 151 pixels while iiiiiiii spans 35.5: a 4.25× gap between the widest and narrowest letters. Two plausible titles:
Title A (69 chars, ~718 px): WWMW: The Complete, No-Nonsense Guide To Modern Wide Widget Workflows
Title B (71 chars, ~571 px): a simple, gentle little guide to fitting tiny widget work into any site
Title B is two characters longer yet about 146 pixels narrower — Title A is the one that gets cut, blowing past the desktop title budget of roughly 580 px (Zyppy measured ~600). Budgets to design against, as of November 2026: desktop titles ~580 px; desktop descriptions ~920 px (Portent’s 30,000-keyword data shows display peaking at 156 characters desktop, 118 mobile); mobile descriptions ~680 px. They drift as Google adjusts its layout — so preview instead of counting.
Desktop vs Mobile: Same Snippet, Different Cuts
Desktop and mobile results enforce different budgets. The mobile column is far narrower: titles wrap across two lines, descriptions across three, in a column this tool models at roughly 340 px — versus one 580 px title line and two ~600 px description lines on desktop. Both layouts show the favicon beside the site name; on mobile it takes a proportionally bigger bite of an already narrow column.
The consequence is an ordering rule: whatever must survive — the keyword, the differentiator, the year — belongs at the front, the only part guaranteed in both layouts. If your title only works when its last five words are visible, it does not work. And since most searches happen on phones, a snippet that truncates only on mobile still undercuts clicks on most of your impressions.
Keyword Bolding: Why Position Affects Clicks
When a query matches your snippet, Google bolds the matching terms — and close variants — in the title, breadcrumb line and description. Bold is the fastest scanning signal on the page: it confirms “this result is about what you typed” at a glance.
A keyword truncated out of the snippet cannot be bolded, so front-loading it protects the visual hook. Variants also bold — for serp preview, Google may bold “SERP Preview” or “preview your SERP” — but a term you never wrote cannot bold at all. Put the keyword once near the front of the title, and once early in the description.
How to Preview Your SERP Snippet Step by Step
The check takes about two minutes with the free SERP preview tool, which runs entirely in your browser.
Step 1: Paste in your working title
Type or paste the title exactly as you plan to ship it. The tool shows a live character count and pixel width against the ~580 px desktop budget. Watch the pixel counter, not the character count — a title can read “fine” at 58 characters and still blow the budget if it is uppercase- or W-heavy.
Step 2: Add the meta description
Paste the description below it. The tool measures its full pixel width against the two-line desktop allowance, showing whether the tail survives. Front-load the selling point inside the first ~680 px — roughly the first 100–118 characters, the part mobile shows (Portent’s mobile cutoff: 118).
Step 3: Enter the page URL
The URL feeds the site name and breadcrumb line, mirroring the example.com › category › page format Google typically shows. The breadcrumb eats horizontal space, and query matches in the URL also get bolded.
Step 4: Set the focus keyword
Type the primary query the page targets. The tool checks it against title, description and URL, printing a pass or warning line for each — e.g. “Focus keyword missing from the title – Google bolds it in results when present.” A URL warning is optional, but if the term and its variants appear in no field, that query has nothing to bold.
Step 5: Toggle desktop and mobile
Flip between Desktop and Mobile. On mobile, judge the two wrapped ~340 px lines: both must carry your message, neither may truncate. Fix mobile first — shorten the title, move the keyword forward, or rewrite the opening until clean; desktop almost always still reads well once mobile passes.
Step 6: Fix and finalize the tags
Iterate until neither layout truncates anything you care about. The tags belong in the <head> of the page:
<title>Your final title</title>
<meta name="description" content="Your final description.">
Prefer no HTML? The meta tag generator produces the ready-to-paste snippet, and on WordPress or any CMS with an SEO plugin you simply fill the plugin’s title and description fields. For social shares, check the URL with the Open Graph preview tool.
Why Google Rewrites Snippets — and How to Lower the Odds
Truncation is only half the problem: Google frequently replaces what you wrote. One of the largest public studies — Zyppy, 80,959 titles across 2,370 sites — found Google had rewritten 61.6% of them; titles over 70 characters changed 99.9% of the time. Portent’s 30,000-keyword study, reported by Search Engine Journal, found descriptions rewritten 68% on desktop and 71% on mobile, usually for a page fragment matching the query.
Google’s explanation of its 2021 title-generation system lists the triggers: tags that are very long, “stuffed” with keywords, boilerplate, or that don’t describe the page well — it then substitutes text it considers more relevant, often the H1. You cannot force Google to keep your text, but you can make rewriting pointless:
- Front-load the unique value. Lead with the page’s specific promise and the keyword; save the brand for the end — Google adds site names itself.
- One keyword, not five. A title stuffed with near-duplicate variants (“SERP Preview Tool – SERP Snippet Preview & SERP Checker”) is a rewrite invitation.
- No boilerplate. If every title ends with the same long suffix, Google will trim or replace it.
- Write the description for one query. Google’s docs say keyword-list descriptions are “less likely to be displayed as a snippet”; one that plainly answers the page’s main question gives it no reason to hunt for a fragment.
Keep expectations calibrated: the preview is your best-case display. Verify what renders by searching your target keyword — or site:yourpage.example — in an incognito window a few days after publishing; if stale, request a recrawl. The SERP preview approximates Google’s Arial-based rendering, it does not guarantee it.
Common Mistakes to Avoid
- Optimizing to character counts. “It’s under 60 characters” is meaningless if the pixel width is over budget. Judge by pixels — and by the mobile preview.
- Only checking desktop. The desktop preview is the generous one; a snippet that only passes desktop fails most of your traffic.
- Burying the keyword at the end of the title. Truncation cuts the tail first; a keyword in the last five words often never renders or bolds.
- ALL-CAPS styling. The W-to-i gap is a 4.25× extreme; all-caps averages about 36% wider than lowercase — enough to turn a marginal title truncated. Sentence case buys room.
- Stuffing the description with keywords. A keyword-list description gets ignored by searchers and, per Google’s docs, is less likely to be shown. Write one clear sentence with the keyword once — the word counter is a quick sanity check.
- Repeating your site name in the title. Google already appends it when helpful; duplicating wastes pixels that should hold your message.
Frequently Asked Questions
Does Google still use my meta description if it rewrites it so often?
Expect your exact text roughly three times in ten: Portent found Google used the page’s own description around 30% of the time, and rewritten results often still blend your wording with a page fragment. Odds improve when it plainly answers the query — Google’s docs say keyword-list descriptions are less likely to be shown. Treat it as a strong suggestion, not a command.
How long can a title tag be before Google truncates it?
No character limit — the cutoff is a pixel budget of roughly 580–600 px on desktop. Mobile has no single number: it scales with device width (this tool models two wrapped lines in a ~340 px column; Zyppy measured mobile sometimes a bit above desktop). Wide letters burn the budget faster — preview at pixel width, not character count.
Is there a separate pixel limit for mobile titles?
Not one fixed number. Mobile titles wrap across two lines in a column this tool models at roughly 340 px, and Google’s cutoff varies with the phone’s viewport and font rendering — so the mobile preview is the check, not a second magic number. If the title fits both lines without truncating, ship it; if not, shorten it.
Why did Google replace my title tag with my page heading?
Google’s 2021 title-generation system substitutes other on-page text — often the H1 — when the tag is very long, keyword-stuffed, boilerplate, or doesn’t describe the page well. Google says it still uses the HTML title tag more than 80% of the time, so shortening it and removing stuffed variants improves the odds yours returns. Give it days to weeks, then re-check.
How long does Google take to show my updated snippet after I change the tags?
It depends on recrawl frequency: Google says crawling can take a few days to a few weeks. To nudge a single URL, use Search Console’s URL Inspection tool and click “Request indexing” — typically processed in about a day, sometimes a week or two; re-submitting repeatedly does not speed it up.
Can a SERP preview tool guarantee what Google will display?
No. A preview approximates Google’s truncation, bolding and layout with Arial-based typography — accurate for planning. But Google rewrites titles in a majority of cases and adjusts its layout over time: preview before publishing, then verify by searching your target keyword in an incognito window.