🔎 Meta Tag & SERP Snippet Preview
See how your title and description will look in Google search results before you publish. Everything runs locally in your browser - nothing is sent anywhere.
Desktop Preview
Mobile Preview
What this tool does
It renders your title, description, and URL the way Google's result page styles them, on desktop and mobile side by side, and generates the matching title, description, and Open Graph tags as copy-ready HTML. Everything happens in your browser.
The honest part about the limits
The counters measure characters - 60 for the title, 160 for the description - but Google actually truncates by pixel width, around 600 pixels for a desktop title. A title full of wide letters like W and M gets cut earlier than one full of thin ones. Character counts are the planning guide everyone uses because they are stable and close enough; just do not treat 59 characters as a guarantee.
The second limit is bigger: Google rewrites titles and descriptions when it thinks it has something better, and it does so often - especially when the title does not match what the page delivers or the description reads like an advert. The best defense is writing a title that says what the page actually contains. This preview shows what you are proposing; Google decides what runs.
When to use it
Before publishing anything where the snippet matters: checking that a title survives truncation with its meaning intact, that the description front-loads the point instead of burying it at character 150, and that the two read sensibly together - because in the search results, they are the whole pitch.
⚠️ Google decides how snippets are displayed and may rewrite titles/descriptions or truncate them based on pixel width rather than a fixed character count. This tool is a close approximation for planning purposes.
Other tools you might need next
See all SEO & Metadata tools, or browse every free tool on the site.