Google SERP Preview Tool

What is a SERP preview and what does this tool show?

A SERP preview shows you how a page will look in Google search results before you publish it. SERP stands for search engine results page. A single result has three visible parts. First comes the site name and URL line, then the blue title link, and finally the description text, also known as the snippet.

This tool draws those three parts live from the text you type. On top of that, it:

• measures the width of the title and the description in pixels and labels each one Ideal, Borderline or Too long;
• cuts any text that runs past the limit at the last word that fits and adds an ellipsis;
• bolds the words of your search query inside the description;
• shows the desktop and mobile layout separately and gives you ready title and meta description code.

My team and I run this check before every new page goes live on client sites. In SEO consulting projects, the quickest win is often fixing titles that get cut or say too little. The tool runs entirely in your browser, so nothing you type reaches a server.

Why does Google cut titles by pixels, not characters?

Google applies no fixed character limit to titles or descriptions. The Search Central documentation puts it plainly: there is no limit on title length. However, Google truncates the title link as needed, typically to fit the device width. Screen space is finite in pixels, so what matters is how wide the letters are, not how many there are.

Letter widths vary a lot. For example, wide letters such as W or M take several times the space of narrow ones such as i or l. Capitals are also wider than lowercase letters. Two rows in the sample table make the point. The same 53 characters take 462 pixels in normal case but 617 in all caps. As a result, the caps version runs past the limit.

So do not rely on character counts alone. A word and character counter tells you how long a text is. Only a pixel measurement, however, tells you whether it fits the line. The tool measures with Arial. Google changes the typeface and layout of its results page from time to time, so treat the number as a safe estimate rather than a hard limit.

How do you write a title that earns the click?

Google's own advice on titles is short. Give every page a title element, keep the text descriptive and concise, and avoid vague labels such as Home. On top of that, I add a few habits that work in practice:

• Lead with the topic. People scan the first few words, and if Google cuts the title, you only lose the end.
• Put the brand at the end with a delimiter. Google suggests adding the site name at the start or end, separated by a hyphen, colon or pipe.
• Skip keyword stuffing. Repeating the same phrase adds nothing to the click, and Google explicitly advises against it.
• Avoid boilerplate. Long titles where only one word changes make pages hard to tell apart.
• Match the page language. Write the title in the same language and script as the content; otherwise Google may pick other text.

My guide to writing meta titles and descriptions walks through patterns you can reuse. Once your draft fits here, the meta tag generator turns the same text into Open Graph tags in a few seconds.

Does the meta description affect rankings?

Not directly. In a 2009 Search Central post, Google said it sometimes uses the description meta tag for snippets. Still, it does not use that tag in ranking. The current documentation adds that snippets come primarily from the page content. Google picks the meta description only when it describes the page more accurately.

So why bother? Because the description is the text people read when they decide whether to click. A good one will not move your position, yet it can win you more clicks from the same position. In addition, Google often bolds query words in the snippet. So when your target phrase appears naturally in the description, your result catches the eye. That is exactly what the search query field in the tool lets you test.

Here is how I sum up Google's advice on descriptions:

• Write a description for each specific page. Identical or similar descriptions across a site do not help.
• On product pages, include concrete facts such as price, manufacturer, author or date.
• Write a readable sentence instead of a list of keywords.
• On large sites you can generate descriptions from your data with a template. Google encourages this, as long as the result stays specific and readable.

Why does Google rewrite my title or description?

The core reason: Google does not have to take the title link from the title element. Its system also weighs the main heading, h1 elements, og:title, anchor text and WebSite structured data, which I listed in the table above. When a title is empty, bloated, boilerplate or unrelated to the page, Google switches to text it finds more fitting.

In a September 2021 update, Google explained that its refinements raised the use of the title element to around 87% of cases. Before that, the figure was around 80%. In other words, you will usually see your title as written, but there is no guarantee.

Descriptions change even more, because Google picks the snippet again for every query. The same page can show your meta description for one search and a paragraph from the body for another. Here is how I manage that:

• I tie the title and the h1 to the same topic.
• I write the first paragraph of the page to description quality.
• After a change, I watch impressions and clicks in Google Search Console for a few weeks.

How does a mobile SERP preview differ from desktop?

Google shortens results to fit the device width, so the same title can break off on desktop and appear in full on a phone. Even though the phone screen is narrower, the title wraps onto two lines there; as a result, a longer title can fit overall.

The tool models this with two separate settings. On desktop it measures the title at 20 px against a 580 pixel limit. On mobile, however, it uses 16 px and a 690 pixel limit. Descriptions use 14 px on both devices, with a limit of 920 pixels on desktop and 1,120 on mobile. In the sample table, the 81 character title overshoots on desktop at 730 pixels but fits on mobile at 584.

In practice, check both tabs. If most of your traffic comes from phones, give the mobile view priority. Still, make sure your key message fits on desktop too. For a full review of the mobile experience, see my mobile friendly test guide.

How can you control snippet length and content?

Google picks the snippet itself, but it leaves you a few controls. All of them work through the robots meta tag or an HTML attribute:

• The nosnippet rule shows no text snippet or video preview for the page.
• The max-snippet:[number] rule caps the snippet at that many characters. A value of 0 equals nosnippet, while -1 leaves the length to Google.
• The data-nosnippet attribute keeps a span, div or section element out of snippets.

Use these rules with care. According to Google's documentation, nosnippet and max-snippet affect not only classic results but also surfaces such as AI Overviews. Moreover, an overly restricted snippet can make your result less appealing.

Rich result elements such as ratings, prices or stock status, on the other hand, usually come from structured data. You can prepare that markup with the schema generator. For question style content, it is also worth reading how to win featured snippets.