How to use the SERP Snippet Preview
- Enter your page title, URL and meta description, or click Load an example to see how truncation works.
- Switch between Desktop and Mobile to compare the two layouts.
- Watch the meters: red means that view will cut the text with an ellipsis. Shorten or reword until both fit.
- Tick the date option if your page is an article that may show a publish date, since the date takes up part of the description space.
Features
- Pixel measurement with Arial at Google’s title and snippet sizes
- Word-boundary truncation with an ellipsis, as in real results
- Desktop and mobile layouts with different width budgets
- Breadcrumb-style URL and site name line
- Optional date prefix that eats into the description space
- Light and dark result styles that follow your theme
Why preview a search snippet?
Your title and description are the first thing a searcher reads about your page, usually alongside many competing results. A title that is cut halfway through a key phrase, or a description that trails off before the useful part, makes the result easier to skip. Previewing lets you put the important words early and make sure the line ends where you intend it to.
Characters versus pixels
Google truncates by display width, not by a character count. In Arial at 20 pixels, the size used for desktop titles, letters vary a lot in width:
| Character | Width at 20 px Arial | How many fit in 600 px |
|---|---|---|
| i, l | about 4.4 px | about 135 |
| space | about 5.6 px | about 107 |
| a, e, o | about 11.1 px | about 54 |
| m, M | about 16.7 px | about 36 |
| W | about 18.9 px | about 31 |
That is why a title written in Title Case or all capitals is cut sooner than one in sentence case, and why numbers and short words let you fit more. This preview measures your exact text with a canvas in your browser, then removes whole words from the end until the text plus “ ...” fits, which mirrors how results are shortened.
How desktop and mobile differ
- Desktop shows the title on a single line of roughly 600 pixels, and the description is usually trimmed at around 920 pixels of text, about two lines.
- Mobile uses a much narrower column but lets the title wrap onto a second line. Descriptions are trimmed sooner, at roughly 680 pixels in this preview.
Because the two budgets differ, a title that fits on desktop can still be cut on a phone and vice versa. Check both, and if you must choose, favor the device most of your visitors use.
When Google shows something else
Google treats your title element and meta description as suggestions. Since an update in 2021, it more often builds the title link from other text on the page, such as the main heading, when the title tag is very long, stuffed with keywords, missing or the same on many pages. Snippets are chosen per search: if another passage answers the query better, Google quotes that instead. You can reduce rewrites by keeping the title accurate and concise, matching it to the visible H1, and writing a description that summarizes the page rather than listing keywords.
Practical tips
- Lead with the topic and keep the brand name at the end, where a cut costs less.
- Use a dash or pipe once to separate the brand, not several times.
- Give each page a unique description that mentions what makes it different.
- Dates appear mainly on news and blog articles; if yours shows one, keep the opening words of the description strong.
When you are happy with the text, generate the full set of head tags with the Meta Tag Generator, and create a clean URL with the Slug Generator.
Frequently asked questions
How many characters fit in a Google title?
Usually around 50–60 on desktop, but the real limit is about 600 pixels of width. Narrow letters fit more and wide capitals fit fewer, which is why this tool measures pixels.
Is this exactly what Google will show?
No. It is an approximation using Google’s fonts and typical widths. Google changes its layout, may rewrite your title and often picks snippet text that matches the search.
Why is the mobile preview different?
Phones have a narrower results column. Titles can wrap to a second line, while descriptions are trimmed sooner, so the same text can be cut in different places.
Does the meta description affect rankings?
Not directly. It influences whether people click your result, which is why a clear, specific description that fits the space is worth the effort.
Why does the date reduce my description space?
When Google shows a date, it appears at the start of the snippet line, so fewer pixels remain for your text. The preview subtracts it so you can see what still fits.