SERP Snippet Preview Tool

Preview SERP snippets at desktop and mobile widths — see how your title, URL, and description render in Google results at different screen sizes with pixel-width truncation simulation.







example.com › blog › productivity-tips
https://example.com
Your title will appear here
Your meta description will appear here.

0Title chars
0Description chars
Est. title cutoff

Frequently Asked Questions

How is this different from the Title Tag Preview Tool?

This tool focuses on width-based SERP preview with separate desktop (~600px) and mobile (~360px) layouts. The Title Tag Preview Tool offers a single-width mockup with pixel estimates.

Why do mobile and desktop differ?

Google renders narrower snippets on mobile devices. Titles and descriptions truncate sooner, so previewing both widths helps you front-load important keywords.

Does this match Google exactly?

No. This is an approximation based on typical pixel widths. Google may rewrite snippets based on the search query and page content.

Can I generate a meta description?

Yes. Use the Meta Description Generator to create description ideas, then preview them here.

Is this tool free and does it work on mobile?

Yes on both counts. The SERP Snippet Preview Tool on draft21 is completely free with no sign-up required and works on all devices.