Preview how your title and description look in search results
This tool renders your page title and meta description as a search snippet, flagging text that runs past typical pixel-width limits. Actual display varies by device and query, so treat it as a guide rather than a guarantee.
SERP Snippet Previewer: see how your title and description will actually look in Google search results
The SERP Snippet Previewer shows how a page's title tag and meta description are likely to appear in a Google results list, including where either one gets cut off mid-word. It's useful for anyone who writes or edits page titles and descriptions, from UX writers to designers handing off content guidelines to founders editing their own site copy. Google renders search snippets differently across devices and changes its truncation rules from time to time, so treat what you see here as a close read.
-
Enter your title and description
Type or paste your page title and meta description into the tool exactly as they appear in your page's HTML, since a single extra character can shift where the line breaks.
-
Watch where the line actually breaks
The previewer measures the text in pixels, showing you the point where Google is likely to cut a title or description off mid-word.
-
Rewrite around the cut-off point
Use the break point to move your strongest phrase ahead of it, because whatever falls after the cut rarely gets read and never gets clicked.
SERP Snippet Previewer
Enter a title tag, meta description and URL to see roughly how the result may look in Google search, on desktop and mobile. Widths are measured in pixels, not just characters, so you can see exactly where a search engine is likely to cut the text off with an ellipsis.
Desktop preview
Mobile preview
This tool cannot see:
- How Google actually renders your result today: fonts, spacing and pixel limits change without notice, so this is a close approximation, not a guarantee.
- Rich results such as star ratings, sitelinks, images, FAQ drop downs or knowledge panel data.
- Whether your page will actually rank or be indexed at all.
- Any data from your site, Search Console or Google's servers. Everything here runs in your browser and nothing is sent anywhere.
See how your title and description will actually appear in Google
The previewer renders your page title and meta description at the pixel widths Google actually uses, so you can spot a headline that's about to get cut off before it goes live. It's built for anyone whose copy has to work in a search result as well as on the page: content designers, SEO leads, product marketers. Google frequently rewrites titles and descriptions to match what someone searched for, so treat the preview as a guide to length and framing rather than a guarantee of what will show up.
No sign-up needed, free to use, works on any device
Popular Tools
CSS Variable Architect
An interactive CSS Variable Architect, free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / CSS Variable Architect
True-Contrast Smart Palette
An interactive True-Contrast Smart Palette, free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / True-Contrast Smart Palette
CSS Unit Converter (px / rem / em / vw / vh)
An interactive CSS Unit Converter (px / rem / em / vw / vh), free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / CSS Unit Converter (px / rem / em / vw / vh)
Aspect Ratio Calculator
An interactive Aspect Ratio Calculator, free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / Aspect Ratio CalculatorCSS Grid Architect
An interactive CSS Grid Architect, free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / CSS Grid ArchitectCSS Specificity Calculator
An interactive CSS Specificity Calculator, free to run in the browser. The companion guide sets out the method behind it, so you can check the working.
Tools / CSS Specificity Calculator