SERP Preview

See how a title and description will be cut off in Google, measured in pixels rather than characters.

Device
Title tag0px / 600px · 0 chars
URL
Meta description0px / 960px · 0 chars

Google truncates by pixel width, not character count, so a title full of wide letters is cut sooner than one of the same length in narrow letters.

Preview

pinkontin.com › tools › serp-preview

How to Preview a Google Snippet

1

Paste your title and description

Use the real text you plan to publish. The preview measures it the way Google does, in pixels, using the same font sizes it renders with.

2

Check both devices

Mobile has less room than desktop, so a title that fits on one can be cut on the other. The bars turn pink as soon as you cross the limit.

3

Front-load what matters

If something is cut, do not just shorten it. Move the words that make someone click to the beginning, because the start of the line is what always survives.

Features

Pixel-accurate measurement using canvas text metrics
Separate desktop and mobile limits
Google-style snippet rendering with breadcrumb URL
Live width bars that warn before you exceed the limit
Character count shown alongside pixel width
Truncation shown exactly where it will happen, cut at a word boundary
Runs entirely in your browser
Free with no sign-up

Frequently Asked Questions

Because Google truncates by width. A title full of wide letters such as W and M is cut much sooner than one of the same character count made of narrow letters like i and l, so a character limit is only ever a rough guide.

Roughly 600 pixels for a desktop title and around 960 for the description, with less on mobile. These are observed limits rather than published ones, so treat them as a guide and keep a little margin.

Often not. It frequently writes its own snippet from the page content when that better matches the query. Your description is a strong suggestion, not a guarantee.

Yes, it is one of the clearer on-page signals, and it also drives whether someone clicks. Google may rewrite it if it thinks your title does not describe the page well.

Usually at the end, separated by a pipe or a dash, so the descriptive part comes first and survives truncation. On the home page the brand can lead.

Because that is what Google displays now. The full URL was replaced by a breadcrumb-style path, which is what this preview renders from the address you enter.

No, it shows the standard snippet. For rich results such as FAQ dropdowns or star ratings you need structured data, which the schema markup generator covers.

Yes, completely free with no sign-up.

Need a Custom Tool or Application?

We build production-grade web applications, SaaS platforms, and developer tools. Let's talk about your project.

or book a free call