The Digital Maze ← Back to Resources

Free SERP Snippet Preview Tool

See exactly how your title and meta description will render on Google before you publish. Pixel-accurate truncation, desktop and mobile previews, keyword bolding. Free, no sign-up.

The full URL. We will render it as Google does, as a breadcrumb path above the title.

Google truncates titles by pixel width, not character count. Aim for under 580px on desktop, 485px on mobile.

Google typically shows around 155 characters on desktop and 120 on mobile. Front-load the important bits.

Matched terms get bolded in the preview, the way Google bolds them in real results.

Your Site
https://www.yoursite.com

Your page title will appear here

Your meta description will appear here. Start typing in the title and description fields on the left to see how Google will render them.

Your Site
https://www.yoursite.com

Your page title will appear here

Your meta description will appear here.

What is a SERP snippet preview tool?

A SERP snippet preview tool shows you exactly how your page's title tag and meta description will render in Google search results before you publish. It is one of the most-used checks in any SEO workflow because Google truncates titles and descriptions in unpredictable ways. Hitting the right length helps you make sure your most important words actually appear in the search result that potential visitors see.

This free SERP preview tool from The Digital Maze uses pixel-accurate measurement to match how Google actually renders snippets, plus separate desktop and mobile views, plus live keyword bolding. Everything runs in your browser. No sign-up, no ads, no data leaves your device.

How Google decides what to show in a SERP snippet

Title tag

Google reads your <title> tag but does not always use it verbatim. Title rewrites have become more common since Google's 2021 update. Optimise yours to be relevant, accurate and the right length, and Google will respect it more often than not. Desktop limit: ~580px (around 50 to 60 characters). Mobile limit: ~485px.

Meta description

Your <meta name="description"> tag is a suggestion. Google often pulls a custom snippet from your page content if it thinks that matches the query better. Still, an explicit meta description is your best shot at controlling what shows up. Desktop: ~155 characters. Mobile: ~120 characters.

URL / breadcrumb

Modern SERPs show your URL as a breadcrumb path above the title, not the full URL. Keep slugs short, lowercase and hyphen-separated, and the breadcrumb will read cleanly. Avoid deep nesting where you can.

Site name and favicon

Google now displays a small favicon and site name above each result. Make sure your favicon is set, square, and recognisable at 16×16. Your site name comes from your homepage <title> or schema markup.

Why pixel width matters more than character count

Most online meta description preview tools count characters, but Google truncates titles and descriptions based on the rendered pixel width, not the number of characters. A title that uses lots of "w" and "m" characters will look longer than one with lots of "i" and "l" characters, even at the same character count.

This tool measures the actual rendered pixel width of your title and description in Google's font (Arial, with weights matching Google's current SERP rendering) so you get a truthful answer about whether your snippet will fit.

SERP snippet best practices

Need help with your SEO?

Snippet optimisation is a small part of a wider SEO strategy. If you would like a full audit of your site's titles, descriptions, structure and content, our SEO team works with brands across the UK on technical, on-page and content-led SEO. Request an SEO audit or get in touch for a no-pressure conversation.

Copied to clipboard