// Free Tool · On-Page SEO

SERP Preview Tool — Google SERP Simulator

See your title and meta description as a live Google result, with pixel-width checks for desktop and mobile.

Google SERP Simulator

SERP Snippet Preview

Preview how your title and meta description appear in Google — with pixel-width and length checks

Your snippet
The address shown above the title in the result.
0 characters · 0 px
0 characters · 0 px
Live preview
Google preview
www.example.com
https://www.example.com › your-page
Your Page Title — Brand
A concise summary of the page that encourages searchers to click.

What is a SERP snippet preview?

A SERP snippet preview shows how your page is likely to appear in Google’s search results before you publish. This free Google SERP simulator renders your URL, title tag, and meta description the way a search result looks, on both desktop and mobile widths. It works as a title tag length checker and a meta-description length checker at the same time — Google truncates titles and descriptions by pixel width, not character count, so this tool measures the rendered pixel width with the same logic and warns you before your snippet gets cut off with an ellipsis. It runs 100% in your browser — nothing you type is sent to any server.

How to Use the SERP Snippet Preview

Previewing your snippet before publishing helps you write titles and descriptions that display in full and earn more clicks. Here is how to use the tool.

1

Enter Your Page URL

Paste the URL of the page you are optimizing. The tool shows the domain and breadcrumb-style path exactly the way Google displays them above the title.

2

Write Your Title Tag

Type your title and watch the live preview update. The counter shows both the character count and the measured pixel width, which is what Google actually uses to decide where to truncate.

Tip: Aim for roughly 50–60 characters and keep the title under about 580 pixels on desktop so it does not get cut off with an ellipsis.
3

Write Your Meta Description

Enter a description that summarizes the page and gives searchers a reason to click. The counter again shows character count and pixel width so you can keep it within Google’s display limit.

Tip: Around 150–160 characters is a safe target for desktop. Put the most important information first, because the end may be truncated.
4

Toggle Desktop and Mobile

Switch between desktop and mobile views. The mobile column is narrower, so a title that fits on desktop can be truncated on a phone. Check both before you finalize.

5

Refine Until Nothing Is Cut Off

Adjust your wording until the title and description display in full and the counters are not in the warning state. Then copy the final text into your CMS or SEO plugin.

The pixel widths this tool measures against

Google states plainly that there is no character limit on the title element, and that "the title link is truncated in Google Search results as needed, typically to fit the device width." That is why counting characters misleads: a title of 60 narrow characters can fit where 52 wide ones do not. Illinois and WWW have the same character count and nothing like the same width.

ElementDesktopMobile
Title link580 px510 px
Description920 px680 px

These are the thresholds the meter above warns at. They are practical working limits, not published specifications — Google documents no pixel figure, and the real cut-off shifts with the font, the device and whatever else Google decides to attach to the result. Treat the warning as "this is at risk of truncating," not as a guarantee either way.

Practical rule: put the words that decide the click in the first two thirds of the title. Anything after that is a bonus if it survives, and no loss if it does not.

Why Google shows a different title than the one you wrote

A perfectly sized title is still only a suggestion. Google generates the title link from whichever source it judges most useful, and its documentation lists what it may draw on:

Google also names the conditions that push it toward a replacement: half-empty title elements, obsolete dates, descriptions that do not match the content, boilerplate repeated across the site, unclear main titles, and a title written in a different writing system or language than the page.

Most rewrites people complain about trace back to that list. A title that reads Home | Brand on forty pages is boilerplate. A title carrying last year's date on an evergreen page is an obsolete date. If your snippet keeps getting rewritten, the fix is usually in one of those categories rather than in length.

The description is a suggestion too

Google frequently builds the description from passages of the page that match the query rather than from your meta description, particularly for long-tail queries where a relevant paragraph answers better than a generic summary. This is not a penalty and there is no way to force your version.

What that changes in practice: write the meta description for the query you actually want to rank for, and make sure the page contains clear, quotable passages for everything else. A page whose body answers questions in self-contained sentences gives Google good raw material; a page written as one continuous argument gives it nothing to lift.

What a preview cannot show you

The simulator renders the classic three-line result. A live result often carries more, and each addition takes space from your text:

Preview the plain result, then check the live one after indexing. Search your exact title in quotes to find it, and compare what Google actually assembled against what you intended.

Frequently Asked Questions

What is a SERP snippet?
A SERP snippet is the block that represents your page on a search engine results page. For a standard organic result it contains the page URL or breadcrumb, the clickable title (the title tag), and a short description (usually drawn from the meta description). Previewing it before publishing lets you see whether your title and description will display in full or be truncated.
What is the optimal title tag length?
Google truncates titles by pixel width, not character count, so there is no exact character limit. As a practical guide, keep desktop titles under roughly 580 pixels, which is usually about 50 to 60 characters. Mobile has a slightly different width. The safest approach is to put your most important words first and use the pixel-width meter in this tool rather than counting characters alone.
How long should a meta description be?
Meta descriptions are also limited by pixel width, but a common safe target is about 150 to 160 characters for desktop, which fits in roughly one to two lines. Mobile displays fewer characters. Front-load the key message, because Google trims the end with an ellipsis when the description is too long.
Why does Google rewrite or shorten my title?
Google does not always use your title tag verbatim. It may rewrite or shorten a title when it is too long, when it is keyword-stuffed or duplicated across pages, or when Google believes another phrase on the page better matches the query. Writing a clear, accurate, appropriately sized title that matches the page content gives Google the fewest reasons to replace it.
Does title or description length affect click-through rate?
Length itself is not a ranking factor, but it affects click-through rate indirectly. A title or description that gets truncated mid-sentence can hide your value proposition or call to action, which lowers clicks. A snippet that displays in full and clearly communicates the page’s benefit tends to earn more clicks, and higher engagement can reinforce a result’s performance over time.
Where does Google get the title if not from my title tag?
Google documents several sources it may draw a title link from: the title element, the main visual title on the page, heading elements such as h1, the og:title meta tag, other content made large and prominent through styling, other text on the page, anchor text on the page, text within links pointing to the page, and WebSite structured data. It picks whichever it judges most useful for the query, which is why a well-formed title tag is a strong suggestion rather than a guarantee.
Why is my meta description different in the search results?
Google often builds the description from passages of the page that match the query instead of using your meta description, especially for long-tail queries where a specific paragraph answers better than a general summary. This is normal behaviour rather than a penalty, and there is no way to force your version. Write the meta description for the query you most want to win, and make sure the body contains clear, self-contained passages that answer the others.
Does this preview show exactly what my result will look like?
It shows the classic three-line organic result. A live result often carries more: a favicon and site name above the title on mobile, a breadcrumb path instead of the raw URL, a date prefix when Google treats the page as time-sensitive, sitelinks on brand queries, and rich results driven by structured data. Each of those takes space from your text, so preview the plain result first and then compare it against the live one after the page is indexed.

More free tools: browse the full catalog →