SERP Snippet Preview
Your title and snippet as a search result — cut where results would cut them.
Your page
No title yet
No description yet
Rich result extras: rating, price, sitelinks
Google shows these only when the page has valid structured data and its systems choose to — they are never guaranteed. Make the markup with the Schema Markup Generator.
Preview
An approximation for checking length and wording, not a pixel copy of a results page. Google can rewrite titles and snippets, and fonts and widths vary by device.
Compare with competitors
| # | Result | Title | Title fits | Description | Description fits | Query words |
|---|
Widths used for the estimate
Google does not publish limits — it truncates "as needed, typically to fit the device width". These defaults are the widths commonly used by SEO tools; change them if you have measured others. Titles are measured at 20 px and descriptions at 14 px Arial.
About the SERP Snippet Preview
Type a title, meta description and URL to see a mock-up of the search result: the site name and favicon, a breadcrumb-style address, the title link and the snippet, cut at the estimated width of a desktop or phone result. Switch between a Google and a Bing-style layout, light and dark colours, add a date, a star rating, a price or sitelinks, and type a search query to see its words in bold.
Paste up to five competitor snippets to see your result in the list it has to stand out in, with a table of how long each title and description is. Download PNG saves the mock-up for a report or a client deck. Everything happens in your browser; the favicon you choose never leaves your device.
How to use it
- Enter the page title, meta description and URL. The bars under the fields show the estimated width against the desktop or mobile limit.
- Add the search query you are targeting: matching words in the snippet turn bold, as they do in results.
- Optionally set the site name, a date, a favicon and the rich result extras (rating, price and availability, sitelinks).
- Use Google / Bing style, Desktop / Mobile and Light / Dark to check every combination.
- Paste competitor snippets under Compare with competitors and choose where your result appears.
- Click Download PNG for an image of the preview, or Copy as text.
Examples
The Complete Guide to Brewing Masala Chai, Kadak Chai, Ginger Tea and Every Other Indian Tea
The Complete Guide to Brewing Masala Chai, Kadak Chai ...
About 880 px at 20 px Arial, so it is cut at the last whole word before 600 px. Put the words that matter first.
Date 12 Sept 2026 + a 150-character description
12 Sept 2026 — Make masala chai the way it is brewed in Indian homes: …
“12 Sept 2026 — ” takes about 105 px of the line, so less of the description fits before the cut.
Query: masala chai recipe
Make masala chai the way it is brewed in Indian homes…
“masala chai” is shown in bold — each query word that appears in the snippet is, except common words such as “how” and “to”.
How the cut-off is estimated
Google publishes no character or pixel limit. Its documentation says title links and snippets are "truncated as needed, typically to fit the device width", and that a meta description has no length limit (Influencing title links and Control your snippets).
The preview therefore measures text in pixels with the character widths of Arial (titles at 20 px, snippets at 14 px), so a title full of wide letters like W and M runs out of room sooner than one full of i and l. The defaults are the widths commonly used by SEO tools: about 600 px for titles, 920 px for desktop snippets and 680 px for phone snippets. Change them under Widths used for the estimate if you have measured different ones. Text is cut at a word boundary and ends with " ...".
Where each part of the result comes from
- Title link: usually the
<title>element, but Google also looks at the main heading,og:title, other prominent text and links pointing to the page, and rewrites half-empty, outdated or boilerplate titles. - Snippet: mainly text from the page that matches the query; the meta description is used when it describes the page better. So one page can show different snippets for different searches.
- Site name: chosen per domain or subdomain (not per folder), mainly from
WebSitestructured data on the home page (Site names). - Favicon: one per hostname, square, at least 8×8 px and ideally larger than 48×48 px; Google lists BMP, GIF, ICO, PNG, JPEG, PPM and TIFF as supported formats (Favicons in search results).
- Rating, price, sitelinks: rich results need valid structured data and are shown at Google's discretion; sitelinks are chosen automatically.
Writing a result that gets clicked
- Lead the title with the words a searcher looks for, and keep the brand short at the end ("Masala Chai Recipe | Example Kitchen").
- Make every title and description unique — repeated boilerplate is one of the reasons Google rewrites titles.
- Use the description to add what the title cannot: who it is for, a number, a price range, how long it takes.
- Compare your snippet with the results already ranking: if every competitor promises "easy", say what makes yours different.
Limitations
- A mock-up, not a copy of a results page: real results use the search engine's own fonts, change their design often and may add elements not shown here (images, "People also ask", ads).
- Pixel widths are estimates with Arial metrics. Results on your device may cut a few characters earlier or later.
- The Bing layout is an approximation in Bing-like colours; Bing does not publish its limits either, so the same widths are used.
- Only exact words (and simple plurals) of the query are bolded; Google may also bold synonyms and related words.
Privacy
Everything happens in your browser. What you enter or open here is not uploaded or stored by MySmartCoPilot.
Frequently asked questions
How many characters can a title have before Google cuts it?
There is no fixed number — the cut depends on pixel width. Ordinary mixed-case titles average about 9–10 px per character at 20 px Arial, so roughly 60–65 characters fit in 600 px; a title in capitals (about 12 px per character) fits closer to 50. That is why this tool measures pixels.
Why does Google show a different title or description from mine?
Google chooses the title link and snippet itself. It may rewrite a title that is vague, outdated, stuffed with keywords or repeated across pages, and it often builds the snippet from page text that matches the query better than the meta description.
Are mobile results shorter than desktop ones?
Phone results are narrower, so snippets usually show less text — the default here is about 680 px instead of 920 px. Long titles can wrap onto a second line on phones; the mobile title width is set to the desktop value by default as a safe target, and you can raise it.
Will adding a rating or price to the preview make Google show it?
No. The preview only shows what a rich result could look like. Google shows stars or prices only for pages with valid structured data (for example Product or Recipe markup) and only when its systems decide to.
Is my favicon uploaded?
No. The image is read in your browser to draw the preview and the PNG, and is never sent anywhere.