A SERP snippet preview shows you exactly how your page's title, meta description, and URL will render in Google's search results before the page is live — so you can fix a truncated title or a description that gets cut off mid-sentence while it still costs nothing to change. This free tool renders a pixel-accurate preview for both desktop and mobile, with live character counts and Google's real pixel-width limits, entirely in your browser. Nothing is uploaded or saved.
The detail most people miss is that Google measures titles and descriptions in pixels, not characters. A title is truncated at roughly 580-600 pixels and a description at roughly 920 pixels (about 150-160 characters), but a title full of wide letters like W and M runs out of room far sooner than one made of narrow letters like i and l. A plain character counter can't see that — this preview can, because it measures the actual rendered width and warns you the moment your snippet is too long or too thin to earn the click.
Paste in a title, meta description, and URL, watch the live desktop and mobile previews update as you type, and rewrite until the most important words survive the cut on both layouts. It's the fastest way to stop guessing what your listing looks like and start shaping the first impression every searcher gets.
How to use it
- 1
Enter your page title
Type or paste your <title> tag into the title field. The live counter shows your character count and the rendered pixel width, and warns you as you approach Google's ~580-600px desktop limit where titles get truncated with an ellipsis.
- 2
Add your meta description
Paste your meta description to see it render under the title. Aim for roughly 150-160 characters (~920px); the tool flags descriptions that are too long to display in full or too short to use the space and earn the click.
- 3
Set the URL and check both layouts
Enter the page URL to see how the breadcrumb-style path appears. Then toggle between desktop and mobile — mobile wraps and truncates differently, and many snippets that look fine on desktop get cut off on a phone.
- 4
Rewrite until the important words survive
Front-load your primary keyword and the most compelling words so they sit before the truncation point on both desktop and mobile. Adjust until every preview reads as a clean, complete, click-worthy listing.
- 5
Ship it to your real pages
Once the snippet looks right, update the title and meta description in your CMS or template. Re-check after publishing, since Google can still rewrite titles and descriptions when it thinks another version better matches the query.
Your search snippet is the ad you don't pay for. It's often the only thing a searcher sees before deciding whether to click you or a competitor, and a title that gets chopped to "How to Choose the Best Running Shoes for…" loses exactly the words that would have closed the click. Previewing the snippet before you publish is the cheapest click-through-rate improvement available, because you're fixing the listing while it's still a draft.
The most common mistakes are easy to catch once you can see the snippet rendered. Titles run past the pixel limit because wide characters and a long brand suffix eat the space; descriptions either get truncated mid-thought or are left so short that Google pads them with random page text; and a snippet that reads perfectly on desktop gets cut off on mobile, where most searches now happen. Checking both layouts is the habit that separates a snippet that earns clicks from one that just exists.
Keep one expectation realistic: Google does not always use the title and description you provide. It frequently rewrites titles to better match the query and pulls description text from the page body when it judges that more relevant. A well-crafted, correctly-sized snippet is what you control and your strongest signal of intent — but treat the preview as your best version of the listing, not a guarantee of what shows on every search.
More free SEO tools
Meta Tag Generator
Build copy-paste title, description, canonical, Open Graph and Twitter Card meta tags with a live preview.
Schema Markup Generator
Create valid JSON-LD structured data for Organization, LocalBusiness, Article, FAQ, Product and Breadcrumb.
llms.txt Generator
Generate an llms.txt file so ChatGPT, Perplexity, Claude and AI Overviews can understand and cite your site.
See all free SEO tools or compare Black & Gold SEO vs other platforms.