Free tool
SERP Preview before you publish
Type a title and description and watch the Google snippet update live, with pixel-width meters for desktop and mobile, or pull the meta tags off a live page and start from there.
Start from a live page (optional)
Write the snippet
0 chars, recommended under 60
0 chars, recommended 120 to 155
Google preview
Max about 600 px (desktop)
Max about 920 px (desktop)
How it works
How the SERP Preview works
Everything you type is rendered into a mock Google result on the right, using Arial at Google’s own sizes: 20 px titles and 14 px descriptions on desktop, 18 px and 13 px on mobile. A hidden canvas measures the real pixel width of your text, the meters fill towards the limit, and the preview truncates with an ellipsis the moment it would overflow. The URL field becomes the breadcrumb line above the title, the way Google shows it.
Writing a snippet that gets clicked
- Put the keyword near the front of the title and the brand at the end, separated by a pipe or a colon.
- Give the description one concrete reason to click: a number, a location, an outcome. Vague descriptions are the ones Google rewrites.
- Check both devices. Mobile truncates earlier and is where most local searches happen.
SERP Preview questions
Why measure in pixels instead of characters?
Google truncates by width, not by count. A title full of capital W and M letters runs out of room long before 60 characters; one full of narrow letters fits more. The meters measure your text in Arial at Google’s sizes, which is far closer to what you will actually see.
What are the limits?
Titles get about 600 px on desktop and 496 px on mobile. Descriptions get about 920 px on desktop and 680 px on mobile, roughly 155 characters. Google rewrites or trims anything longer, and often rewrites short or vague descriptions too.
Does Fetch meta tags work on any site?
It reads the title, meta description and canonical URL from the HTML a site serves. Pages that build their head with JavaScript, or sites that block automated readers, may come back empty; type the values in by hand in that case.
Will Google show exactly this?
Not always. Google rewrites titles and descriptions when it thinks a different snippet suits the query better, and it adds dates, breadcrumbs and sitelinks on its own. The preview shows the snippet you are proposing; writing it well makes a rewrite less likely.
Tools
More free tools
- 01
Tag Explorer
Scan any URL and get a plain-English list of its GTM containers, analytics, pixels and conversion tags, each linked to its guide.
Open - 02
GTM Checker
Confirms which Google Tag Manager containers a page actually loads, so you know the right one is live before you touch it.
Open - 03
Schema Tester
Pulls the JSON-LD and microdata off any page and shows what Google will see, with the errors a rich result would trip on.
Open - 04
What CMS Is This
Tells you whether a site runs WordPress, Shopify, Wix, Squarespace, Webflow or something else, and the clues it used to decide.
Open - 05
IP Lookup
Shows the country, city, network and hosting provider behind an IP, and plots it on a map. Handy for form spam forensics.
Open - 06
Golden Ratio Calculator
Drop in an image or two numbers and see how close the proportions sit to 1.618, with a live overlay for designers.
Open