What is a SERP snippet preview?
A SERP snippet preview is a mock-up of how one page may appear on a search engine results page: the site name and address, the blue title and the gray description. It lets you judge the whole result before the page goes live.
People see the three parts together. A title that looks fine alone can feel repetitive next to its description, so this SERP preview tool shows them side by side, the way a searcher reads them. Some people call it a Google SERP simulator, but it only draws one result from your text: it does not search Google or fetch your page.
What parts make up a Google result?
A standard text result has three main parts, and each one comes from a different place on your page.
| Part | Where it usually comes from | What the preview does |
|---|---|---|
| Site name and URL | Your domain and the page address | Shows the site, then the path as a breadcrumb |
| Title link | The <title> tag, sometimes other headings | Cuts it at about 580 px with "..." |
| Snippet | The meta description or the page text | Cuts it at about 920 px or 680 px |
Real results can also show dates, images and other extras. Those depend on Google, so the preview leaves them out and focuses on the text you control.
How does the preview decide where to cut?
It measures your text with the canvas in your browser, in Arial, and stops at an estimated width. The title is measured at 20 pixels against about 580 pixels. The description is measured at 14 pixels against about 920 pixels on desktop and about 680 pixels on mobile.
When text runs past the limit, the preview cuts it at the last whole word that fits and adds "...", much like a results page does. These widths are estimates. Google publishes no exact limits, and its fonts and layout change over time. If your browser cannot measure text, the preview cuts by characters instead and tells you so.
To work on one part in more detail, the title length checker shows the exact width of a title and its brand suffix, and the description length checker compares a summary with both screen sizes.
Why does the URL look like a breadcrumb?
Because that is how results usually show addresses. Instead of the raw URL, Google tends to show the site name, then the host and the folders of the path separated by small arrows.
The preview copies that style. It removes www. from the site name, leaves out query strings and fragments, and decodes letters such as é so they read normally. If you type an address without https://, it assumes one. Nothing is fetched from the address, so you can preview pages that are not live yet. A clean, readable path helps here, and the URL slug generator can turn a title into one.
How is the mobile preview different from desktop?
The mobile view is narrower, and the description is cut sooner. Titles often wrap onto a second line on a phone instead of running off the edge.
Switch between Desktop and Mobile above the preview and compare the two. The goal is a result that makes sense in both. In practice, that means the main topic early in the title and the main promise early in the description.
Why might Google show something different?
Google can change both parts of the result. It may rewrite a title link when other text describes the page better, and it often builds the snippet from the page text to match a specific search.
The official guides explain how this works: how Google creates title links and how snippets are chosen. A clear, accurate title and description make a rewrite less likely, but nobody can promise exactly what will appear. Treat the preview as a careful draft, not a guarantee.
A quick checklist before you publish
- The title names the topic in the first few words and stays inside the width.
- The title and the description do not repeat the same phrase.
- The description gives a concrete reason to click within the mobile limit.
- The address is short, readable and lowercase.
- Every page on the site has its own title and description.
Copy the HTML tags
When the preview looks right, press Copy HTML. You get a <title> tag and a <meta name="description"> tag with the full text, not the shortened version, and with characters such as & and quotes escaped. Paste them into the head of your page, or copy the text into the fields of your CMS or SEO plugin.
Related tools and guides
For plain counts outside search results, use the character counter tool. To switch a title between styles before you preview it, try the Title Case converter.
For background on the numbers, read our meta title length guide and our guide on how to check meta description length.
Privacy
Everything happens in your browser. Nothing is uploaded, saved or tracked, and the URL is never visited. A title can be up to 300 characters, a URL up to 500 and a description up to 1,000. Like every page on this site, this one may show ads from third-party vendors once ads are switched on, and those vendors can use cookies. Read the privacy policy for details.