SERP Snippet Preview

What this SERP snippet preview shows

Type a page URL, a title and a meta description, and add a focus keyword if you have one. The preview updates as you type:

• A desktop and a mobile Google result, side by side, so you see both versions at once.
• The URL as a breadcrumb, the way Google prints it: the domain, then each part of the path separated by ›.
• The title and description cut with ... at the point where Google would cut them on that screen.
• Your focus keyword in bold inside the description, the way Google often highlights the words someone searched for.
• Character counts and pixel widths, each with a bar that shows how much of the space you have used.

Below the preview, warnings flag the common problems: a missing title, a title under 30 characters, a title that will be cut, a missing description, a description under 70 characters, a description that will be cut, a keyword that appears in neither the title nor the description, and a title and description that are word-for-word the same.

Everything runs in your browser. Nothing you type is sent anywhere. The one exception is the Fetch from URL button: press it and the page's current title and description are read through our meta tag checker and dropped into the boxes, so you can edit what is already live.

Why Google cuts titles by pixel width, not character count

Google does not stop a title at a set number of characters. It stops when the text runs out of room, and the room is measured in pixels. Letters are not all the same width. A capital W takes up several times the space of a lowercase i, so a title in capitals or full of wide letters gets cut much sooner than one full of narrow letters.

That is why a 55-character title can fit while a different 55-character title is cut. Character counters cannot see the difference. This preview measures each title and description with the font Google uses for results, Arial, at the size Google uses, and compares the width with the space available.

The character count is still shown as a quick check. When it and the pixel bar disagree, trust the pixels.

How long should a title tag and meta description be?

These are the limits the preview uses, as of October 2026:

In practice that means aiming to fill most of the title bar without going past the end, and saying the important part of the description early, because the mobile limit is much shorter than the desktop one. A description that fits on desktop can still be cut on a phone.

Google does not publish official limits and changes its result layout from time to time, so treat these widths as a close guide, not a rule. A title that is a little too long is not a penalty. It simply loses its last words to the ...

Why Google shows a different title or description than yours

Writing a title and meta description does not guarantee Google will show them. As of October 2026, Google often rewrites titles and very often picks its own description, and it may change how it does this at any time.

Descriptions are rewritten most. Google tends to pull a passage from the page that matches the words someone searched for, so the same page can show different descriptions for different searches. Titles are rewritten less often, usually when the title is missing, stuffed with repeated words, the same on many pages, or does not match what the page is about.

This preview shows what your snippet looks like if Google uses it as written. It cannot predict a rewrite. What you can do is make the title and description accurate and specific to the page, which makes them more likely to be used.

How to write a title and meta description people click

1. Lead with what the page is. Put the main topic near the start of the title, where it cannot be cut.
2. Give every page its own title and description. Duplicates across a site are one of the common reasons Google writes its own.
3. Write the description as a promise the page keeps. Say what the reader gets. Do not describe something the page does not have.
4. Use the focus keyword once, naturally. Repeating it does not help and reads badly. The preview flags it if it is missing, not if it appears only once.
5. Keep the brand short. A site name at the end of the title is fine, but it uses pixels your topic might need.
6. Check mobile last. Read the mobile description as it is cut. If the sentence stops before the point, move the point forward.

Once the page is live, run it through the meta tag checker to confirm the tags were saved as written, and add structured data with the schema markup generator if the page qualifies for rich results.