Home › Tools › SERP Preview Tool

SERP Preview Tool

Renders your title and description at Google's desktop width, measures them in pixels, and marks the exact truncation point. Runs in your browser.

By Hongtao Ren · Updated 2026-09-22

This renders your snippet with the same font stack and sizing Google uses on desktop, then measures it with a canvas. Instead of guessing from a character count, you see the actual pixel width and get told where the cut lands.

How to use it

1. Type your title, URL and description.
2. Read the rendered preview — the overflowing part is shown greyed out, exactly as Google would drop it.
3. Shorten until the width bar sits in the green zone.

Character counts lie, pixels do not

Two descriptions can both be 150 characters and behave completely differently. One is built from narrow letters like i, l and t; the other is full of m, w and capitals. Google measures the rendered result, so the wide one gets truncated well before the narrow one does.

That is why this tool renders text in the real font and measures it rather than counting characters. If you have ever shipped a description that looked fine in your CMS and appeared chopped in search, width was the reason.

Google rewrites snippets anyway — plan for it

Google frequently replaces your meta description with a sentence pulled from the page body when it judges that sentence to match the query better. This is normal and not a penalty.

The practical response is to write a description that is good enough to keep, and to make sure the opening sentence of the page would also work if it gets pulled. You cannot force Google to use your text; you can only remove its reason to substitute.

How to see what Google actually shows for your page

A preview tells you what your snippet will look like if Google uses your text. Seeing what it actually shows is a different job, and these four steps work in order.

First confirm the page is indexed at all: search site:yourdomain.com/your-page. If it does not appear, no snippet work matters yet — the page is not in the index.

Then search the query you actually care about, in an incognito window, with your location set to the country you are targeting. Results are personalised by location and by search history, so a check from your own logged-in browser can show you something nobody else sees.

Third, open Search Console's URL Inspection for the URL and read the crawled HTML. It will not show you the rendered snippet, but it will show whether the title and description Google fetched are the ones you published — which is the single most common mismatch.

Finally, use Performance → filter by that page → Queries to see which searches already surface it. If the page is appearing for queries it was never written for, that is why the snippet looks wrong: Google is matching it to the wrong intent, and rewriting the description will not fix that.

Why the title Google shows is not the one you wrote

Google rewrites titles, and more often than most people notice. The triggers are knowable: a title that gets truncated, one that is pure boilerplate ("Home", or the brand name alone), one stuffed with repeated keywords, one that is empty, or one where something else on the page describes it better — the <h1>, prominent on-page text, image alt text, or the anchor text of links pointing at it.

The fix is not a trick. Write a title that describes the specific page, keep it under roughly 60 characters, make the <h1> agree with it rather than contradict it, and stop using the brand-only pattern on pages that are not your homepage.

Worth knowing: a rewritten title is not a penalty and not an error. Google is testing whether a different string earns more clicks. If its version performs better, it keeps it.

What this tool deliberately does not do

It does not check your live snippet. Seeing what Google actually shows for a query requires running a search, which means a server-side request — and any browser-based tool claiming to do it is sending your query through someone else's infrastructure.

It also does not model the layouts that sit on top of the plain result: sitelinks, FAQ accordions, review stars, video thumbnails. Those change the available width substantially, and a preview that guessed at them would be wrong more often than it was right.

The value here is narrower and more practical: knowing, before you publish, whether the title and description you wrote fit in the space Google actually gives you.

Related tools