SERP preview tool
See how your title tag, URL and meta description will appear in search results — on desktop and mobile — with live pixel-width limits as you type.
An approximation of a typical search result. Search engines may rewrite your title or description, or add dates, ratings and sitelinks.
About the search result snippet
A SERP — a search engine results page — is a list of snippets, and a snippet is only three lines long: a title, a URL line, and a short description. Those three lines are the entire shop window for a page that may have taken weeks to write. A SERP preview tool renders them the way the results page will, so you can see the thing a searcher actually sees before it goes live rather than guessing from a character counter in a content management system. The most common problems it catches are simple and expensive: a title cut off halfway through the words that mattered, a description that trails away mid-sentence, a brand name eating a third of the available space, or two pages whose snippets are so similar that a searcher cannot tell which one answers their question. Fixing any of those costs a minute of editing and can change how many people click.
History of the search snippet
The description meta tag predates Google itself — it was already in use with mid-1990s engines such as AltaVista and Infoseek, which read it directly as the summary and, in some cases, as a ranking input, a trust that was thoroughly abused by keyword stuffing. Google launched in 1998 with the ten-blue-links layout that still underpins the results page, and by the mid-2000s it had made the snippet dynamic, often assembling the description from the passage of the page that matched the query instead of the tag. Rich snippets arrived in 2009, letting structured data add ratings, prices and breadcrumbs, and favicons joined mobile results in 2019 and desktop in early 2020. Lengths have moved too: in December 2017 Google briefly stretched descriptions to around 320 characters before reverting to roughly 160 in May 2018, and in August 2021 it began rewriting displayed titles far more aggressively, drawing on H1s and anchor text when it judged a title unhelpful. The one constant is that the snippet keeps getting less literal — which is exactly why previewing what you control is still worth doing.
How title and description lengths are measured
Results are rendered in a proportional typeface, so the cut-off point depends on the width of your letters, not the number of them. An uppercase W is around four times the width of a lowercase l in Arial, which means two sixty-character titles can differ by well over a hundred pixels on screen. That is why this tool measures rather than counts: your text is drawn to an off-screen canvas in the same font and size the results page uses, and the meter reports the exact rendered width against the limit. The working limits are about 580 pixels for a desktop title and 920 pixels for a desktop description, with mobile allowing more total width because the text wraps over additional lines. Character counts are still shown because they are a familiar sanity check, but when the two disagree, trust the pixels.
What a SERP preview is used for
SEO specialists use it when writing or auditing metadata in bulk, pasting each title and description in to confirm nothing truncates before the point is made. Content writers and editors use it as the final check before publishing, the same way they would preview a subject line before sending an email. Developers use it while building templates, testing the longest realistic product name or article headline against the limit so that a pattern like "{product} — {category} — {store}" does not collapse on the longest items in the catalogue. It is equally useful for comparison: preview your snippet next to the wording of the results currently ranking for your query and it becomes obvious whether yours is more specific, or just more of the same.
Frequently asked questions
How long should a title tag and meta description be?
Search results are cut off by width rather than by a character count, so the practical targets are roughly 580 pixels for a desktop title and about 920 pixels for a desktop description. In everyday terms that works out at around 50 to 60 characters for the title and 140 to 160 characters for the description, but a title full of capitals or wide letters such as W and M will be truncated sooner than one made of narrow letters like i and l. The meters in this tool measure the real rendered width as you type, so aim to stay inside the green band rather than counting characters, and put the words that matter most near the start where they survive any truncation.
Why does Google show a different title from the one I wrote?
Since an update rolled out in August 2021, Google treats the title tag as a strong signal rather than a fixed instruction, and it rewrites the displayed title for a significant share of results. It usually does this when the title is excessively long, when it is stuffed with keywords or repeated boilerplate, when it is a generic placeholder like Home, or when the page has an H1 or anchor text that describes the content better for the query that was typed. Descriptions are rewritten even more often, because Google frequently pulls a passage from the page body that contains the words the searcher used. Writing a concise, accurate, non-repetitive title is the most reliable way to keep your own wording.
Does the meta description affect rankings?
Not directly. Google confirmed years ago that the meta description tag is not a ranking factor, and keywords placed in it do not lift a page up the results. What it does affect is the click-through rate, and that is worth real traffic: the description is your advertisement in the results list, and a clear, specific one that matches what the searcher asked for will win clicks from a vague one sitting in the same position. Treat it as sales copy with a length limit — say what the page delivers, be concrete, and avoid repeating the title word for word.
Why does this tool measure pixels instead of characters?
Because search results are laid out in a proportional font, where every character has its own width. In Arial, a lowercase l is roughly a quarter the width of an uppercase W, so two titles of exactly sixty characters can end up dramatically different lengths on screen — one fits comfortably while the other is cut off mid-word. Character counts are a rough proxy that was never accurate; measuring the text with the same font and size the results page uses tells you what will actually be visible. This tool draws your text to an off-screen canvas in Arial at the sizes search results use and reads back the exact width, which is the same technique the established SERP preview tools rely on.
How accurate is this preview compared with the real search results?
It is a close approximation, not a guarantee. The widths and font sizes used here match what desktop and mobile results currently render at, so the truncation point is usually within a character or two of the real thing. What no preview tool can reproduce is Google's own judgement: it may rewrite your title or description, swap in a passage from the page, show a date, a rating, sitelinks, an image thumbnail or breadcrumb variations, and it tests layout changes continuously. Use the preview to catch text that is obviously too long, too vague or truncated in an unfortunate place, and treat the exact pixel figure as a guide rather than a promise.
Should I put my brand name in the title tag?
Usually yes, at the end, separated by a dash or a pipe — it builds recognition and helps people spot you in a crowded results page. The cost is the width it consumes, so a long company name on a page with an already long title may push the useful words out of view. Two common fixes are to shorten the brand to its most recognisable form and to drop it entirely on pages where the query is purely informational and every pixel is needed for the topic. The homepage is the exception, where leading with the brand makes sense because the brand is what the page is about.