SERP Snippet Preview
See your title and meta description the way Google renders them, measured in pixels rather than characters. Desktop and mobile layouts, matched query terms bolded, and the exact character your snippet gets cut at.
Your snippet
Desktop result preview
600px line · 1 title line, 2 snippet lines
Your page title appears here
Your meta description appears here, cut at the pixel where Google stops reading.
What survives the cut
- Title
- Add a title to measure it.
- Description
- Add a description to measure it.
- First 60 characters
- The part that survives every layout Google tries.
Short answer
A SERP snippet preview renders your title tag, URL and meta description as a search result so you can see where Google cuts them. The limit is pixel width, not character count: a desktop result gives the title one line of roughly 600 pixels and the description about two lines, while a phone gives the title two narrower lines and the snippet three. The usual advice of 50 to 60 characters for a title and 150 to 160 for a description is a proxy for those widths, and it fails on strings full of wide characters. Measure the string you are shipping, then front-load the first 60 characters, which survive every layout.
Why pixels decide it, and characters do not
A search result is laid out in a fixed-width container. Text fills the line and then stops, which means the cut lands wherever the pixels run out rather than at a particular letter.
Character counts are a convenient proxy because most English sentences average out to a similar width. The proxy breaks in the cases that matter most:
- Wide characters. Capitals, W, M and the numeral 0 are far wider than i, l and t. A title in title case can overflow while the same length in sentence case fits.
- Brand suffixes. A pipe, two spaces and a brand name is often 12 to 15 characters of pure overhead, appended after the part you wrote and measured.
- Dates and bylines. Google prefixes some results with a date, and the prefix eats snippet width that your description had already claimed.
- Non-Latin scripts. Character limits mean almost nothing outside English, where one character can occupy the width of two or three Latin ones.
The measurement here is the browser's own
Widths come from the browser measuring the string in Arial at Google's sizes, which is the same operation the browser performs when it lays out a real result page. That is why the readout moves as you type rather than counting letters.
The limits worth writing against
Google publishes none of these and changes them without notice, so treat them as working figures rather than as a specification. They are what this preview measures against.
| Element | Desktop | Mobile | What to do about it |
|---|---|---|---|
| Title tag | One line, about 600px, roughly 50 to 60 characters | Two lines in a narrower column | Write for desktop, because it is the tighter of the two |
| Meta description | About two lines, roughly 150 to 160 characters | About three lines | Put the reason to click in the first sentence |
| URL trail | Site name plus a breadcrumb trail | Same, truncated harder | Short, readable slugs; the trail is generated from them |
| Date prefix | Shown on time-sensitive results | Shown, and costs proportionally more | Assume it appears and budget roughly 15 characters |
| Bolded terms | Query matches in the snippet | Same | Match the query wording early, where the eye lands |
The first 60 characters of a title do more work than everything after them. They are what survives truncation on both layouts, what a rewritten title usually preserves, and what a reader scanning ten blue links actually processes.
What Google does with your tags after you write them
Neither field is a promise. Google rewrites titles when it judges yours a poor fit, and it generates most descriptions from page text that matches the query. Google's own documentation lists what triggers the swap.
| What Google sees | What it does | The fix |
|---|---|---|
| Empty or missing title | Builds one from the H1, other headings, or anchor text pointing at the page | Write a title for every indexable page, templates included |
| Boilerplate across many pages | Replaces the repeated portion with something page-specific | Vary the part before the brand suffix so each page describes itself |
| Keyword stuffing or repeated terms | Rewrites, usually with a shorter and plainer version | Say the thing once, in the words a reader would use |
| Poor match for the query | Substitutes text from the page that answers the query better | Cover the query wording in a heading near the answer |
| Description that repeats the title | Generates a snippet from the body instead | Use the description to add the detail the title had no room for |
A rewritten title is not a penalty and not a bug to chase. It is a signal that the version you wrote answered the query less clearly than a sentence already sitting on your page.
How to preview a Google snippet
Six steps. The fourth is the one that turns a length check into a click-through check.
- 01
Paste the title and description you are testing
Use the strings exactly as they will ship, brand suffix included. A title that fits at 52 characters can fail at 52 characters once a pipe and a nine-letter brand name are appended, because the measurement is pixels rather than letters.
- 02
Check desktop first, then switch to mobile
The two layouts truncate differently. Desktop gives the title one line of roughly 600 pixels; a phone gives it two shorter lines and shows a third line of snippet. A title that survives one often dies in the other.
- 03
Read the pixel readout, not the character count
The readout shows the measured width against the width of the line. Wide letters cost more than narrow ones, so a title full of capitals and Ms will cut earlier than one of the same length in lowercase.
- 04
Enter the query you want the page to win
Matched terms are bolded in the preview the way Google bolds them. Bold text at the start of a snippet is what a scanning reader lands on, so seeing the bolding is closer to a click-through test than reading the string in a spreadsheet.
- 05
Front-load the part you cannot afford to lose
Whatever renders in the first 60 characters survives every layout Google tries, including the rewritten ones. Put the promise there and the qualifier after it, rather than opening with the brand or a category label.
- 06
Rewrite until nothing important sits past the cut
Truncation is only a problem when it eats meaning. A snippet that trails off mid-sentence after the point has landed reads as continuation rather than as a mistake, and it costs you nothing.
Once the wording is settled, the tags still have to reach the page. The meta tags generator writes the full head block including Open Graph and Twitter cards, and the meta tag checker reads back what a live URL is serving right now.
Truncation is a symptom, position is the disease
A perfect snippet on a result nobody sees changes nothing. Check the query's impressions and average position in Search Console before rewriting, and read the SEO checklist for blog posts for the placements that move it.
What this preview shows
Pixel measurement
Widths measured in the browser at Google's font sizes, not estimated from characters
Desktop and mobile
Two containers, two line counts, and the truncation each one produces
Exact cut point
How many of your characters survive, reported as a number
Query bolding
Matched terms bolded in the snippet the way a search result renders them
Date prefix
See what a date costs a description before Google adds one for you
URL trail
The breadcrumb path Google builds from your slug, not the raw URL
Live counts
Characters and pixels updating per keystroke, with the limit alongside
Nothing uploaded
Runs entirely in your browser, so unpublished titles stay local
A preview is an approximation, and says so
Frequently asked questions
What is a SERP snippet preview?
A SERP snippet preview renders your title tag, URL and meta description the way Google displays them in search results, so you can see truncation before you publish rather than after. This one measures in pixels, matching how browsers actually lay the text out, and simulates both the desktop and the mobile result.
How long should a title tag be?
Aim for roughly 50 to 60 characters, which is a proxy for the real limit of about 600 pixels on one desktop line. The pixel figure is what decides it: a 60-character title in wide capitals can overflow while a 68-character title in narrow lowercase fits.
How long should a meta description be?
Around 150 to 160 characters renders in full on desktop, where Google shows about two lines of snippet. Mobile shows a third line, so descriptions up to roughly 200 characters can appear there. Write the essential clause first and treat the rest as a bonus.
Does Google measure titles in pixels or characters?
In pixels. The result is laid out in a fixed-width container, so text is cut when it fills the line rather than when it hits a letter count. Character limits are a rule of thumb that works until a title is full of wide characters, which is exactly when it matters.
Why does Google rewrite my title tag?
Google has said it rewrites titles when the tag is empty, boilerplate, stuffed with keywords, or a poor match for the query, and it draws replacements from the H1, other on-page text or link anchors. A clear, unique title that describes the page is the most reliable way to keep your own version.
How often does Google rewrite meta descriptions?
Most of the time. Google generates the snippet from whatever part of the page best answers the query, so the meta description is a strong suggestion rather than a guarantee. It is still worth writing, because it is what appears for brand and navigational queries where the query matches nothing specific in the body.
Is this preview exactly what Google will show?
No, and no tool can promise that. This renders the strings you supply at Google's font sizes and line widths, which catches truncation reliably. Google can still rewrite the title, generate a different snippet, add a date, or show a sitelink block, none of which are decided by your markup.
Why does the date appear before my description?
Google prefixes a date on results it treats as time-sensitive, typically from the page's visible date or its structured data. The date consumes snippet width, so a description that fits without one can be truncated once it appears. The date field here exists to show that cost.
What is the pixel limit for titles on mobile?
A phone result is a narrower container, roughly 400 pixels, but the title is allowed to wrap onto a second line. The practical effect is that mobile tolerates longer titles than desktop while showing them in a narrower column, which is why the two previews here disagree.
Should the brand name go at the start or the end of a title?
At the end for almost every page, because the first words are the ones that survive truncation and answer the query. The exception is a homepage or a page whose main draw is the brand itself, where leading with the name is the honest description of the result.
Do bolded words in a snippet affect rankings?
No. The bolding shows where your text matched the query and affects whether a scanning reader notices the result, not where the result ranks. It is a click-through signal to design for, which is why the preview reproduces it.
What happens if my title is too short?
Nothing breaks, but you leave the line empty. A 30-character title has room for a qualifier that separates it from the nine other results on the page, and that qualifier is often what earns the click. Short is only a problem when it is vague.
Does this tool fetch my live page?
No, it previews the text you paste and runs entirely in your browser. To read the tags a live URL is currently serving, use the meta tag checker, which requests the page server-side and reports what a crawler receives.
Is the SERP preview tool free?
Yes, with no signup and no limit on how many snippets you test. The measurement happens in your browser using the same font metrics the browser uses to lay out text, so nothing you paste is sent anywhere.
Other on-page SEO tools
Canonical Tag Checker
Validate canonical tags for self-referencing, protocol mismatches, trailing slash conflicts, noindex conflicts, and og:url consistency.
Use toolHreflang Validator
Validate hreflang tags for international SEO: self-referencing, return tags, x-default, language codes, and duplicate detection.
Use toolSchema & JSON-LD Validator
Validate structured data markup: required properties, date formats, nested entities, and JSON syntax. Supports all major schema types.
Use toolMeta Tag Checker
Check title tags, meta descriptions, Open Graph tags, Twitter cards, canonical URLs, robots directives, and viewport settings.
Use toolMeta Tags Generator
Write the title, description, and social share tags every page needs. Live character counts plus previews of how it will look in Google and on social.
Use toolKeyword Density Checker
See which words and phrases your copy actually leans on. Single word, two word and three word counts with density and first-mention position.
Use toolURL Slug Generator
Turn a list of page titles into clean, readable URL slugs. Accents transliterated, filler words optional, and duplicates caught across the whole list.
Use toolAnchor Text Generator
Build branded, partial, long tail and naked URL anchor variations for any page, then audit the anchors you already have against a natural distribution.
Use toolOne snippet at a time is the slow way
Previewing a title is a two-minute job. Finding the 40 pages whose titles are truncated, duplicated or missing is a crawl. CrawlRaven joins that crawl to Search Console and GA4, so every title fix arrives ranked by the impressions and position it stands to move.