SERP Snippet Preview
Preview how a title, meta description and URL may look in Google results, cut by estimated pixel width the way Google truncates them.
Your code
Fill in the form and press Generate.
This is one of our 170+ checks.
Run the full audit: performance, security, SEO and AI readiness in one report, free and without sign-up.
Run the full audit →What the SERP Snippet Preview does
A search result, or snippet, shows a page with its title link, its URL as a breadcrumb and a short description. The title usually comes from the <title> element and the description often from the meta description, so these two tags are the text you control most directly.
This tool draws a desktop-style Google result from the title, meta description and URL you type. Google does not truncate by a fixed number of characters but by width: titles at roughly 600 pixels in 20 px Arial, descriptions at roughly 920 pixels over two lines on desktop, and less on phones. The preview estimates the width of your text from Arial character widths and cuts it at about the same point, with an ellipsis. It shows the characters and estimated pixels of each field, plus notes when one is likely to be cut or is very short. Nothing is sent anywhere; the preview is built from what you type.
Why it matters
The snippet is the first thing a searcher reads about your page and often decides whether they click. A title that loses its last words, the brand or the key term, reads worse than one written for the space. Character limits are only a rough guide, because a W is several times wider than an i; a 55-character title of wide capitals can be cut while a 65-character one fits.
Two caveats keep this honest. The pixel widths are estimates and Google adjusts its layout from time to time, so treat the limits as a target rather than an exact line. And Google does not always use your text: it said in 2021 that it rewrites some titles, for example ones that are too long or stuffed with keywords, and it often builds the description from page text that matches the query. See our guides to the title tag and the meta description.
How to fix common problems
Write a unique title for every page that describes its content, with the most important words first and the brand, if any, at the end. Aim to stay inside the preview without being cut; if a title must be longer, make sure the part that survives still makes sense.
Write a meta description that summarises the page in one or two sentences and gives a reason to click. Make it specific to the page rather than a sitewide template, and avoid lists of keywords.
Copy the final text into your page or CMS, then check the live result with a search for the page. If Google shows different text, the title may not match the page well or may repeat the brand or keywords; the H1 and the page content often guide what Google picks instead.
Questions
How many characters should a title have?
There is no fixed limit, because Google cuts by width. Roughly 50–60 characters of normal text fit in about 600 pixels on desktop; this tool estimates the width of your actual text.
Why does Google show a different title or description?
Google may rewrite titles that are too long, repetitive or do not describe the page, and it often chooses page text that matches the search for the description. Clear, specific tags make this less likely but cannot prevent it.
Is the pixel width exact?
No. It is an estimate from Arial character widths at Google’s desktop font sizes. Real rendering, other scripts and layout changes can shift the cut by a few characters.
Does the meta description affect rankings?
Not directly. It can affect whether people click the result, and Google uses it as the snippet when it describes the page better than other text on it.
Related tools
Open Graph Preview
See how your link looks when shared and in a Google result, and check og:title, og:description, og:image, og:url and X card tags.
Open Graph & Twitter Card Generator
Generate og:title, og:description, og:image, og:url and Twitter card meta tags for a page, ready to paste into the head of your HTML.
Schema Markup Generator
Build JSON-LD structured data for Organization, LocalBusiness, Article, FAQPage and Product from a simple form, ready to paste into your page.
Keyword Density Checker
See the most frequent words and two-word phrases on a page, their density, and whether they appear in the title, description and H1.