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.
SERP Snippet Preview
Preview how your title and meta description appear in Google — with pixel-width and length checks
https://www.example.com › your-page
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.
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.
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.
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.
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.
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.
| Element | Desktop | Mobile |
|---|---|---|
| Title link | 580 px | 510 px |
| Description | 920 px | 680 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.
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:
- the content of the
<title>element - the main visual title shown on the page
- heading elements such as
<h1> - the
og:titlemeta tag - other content made large and prominent through styling
- other text on the page, and anchor text on the page
- text within links pointing to the page
WebSitestructured data
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:
- Favicon and site name — displayed above the title on mobile, pushing the layout down.
- Breadcrumb instead of the raw URL — Google usually shows a site-structure path rather than the full address.
- A date prefix — attached when Google reads the page as time-sensitive, and it consumes description width.
- Sitelinks — extra links below a result, common for brand and navigational queries.
- Rich results — ratings, prices, FAQ rows and similar, driven by structured data on the page.
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?
What is the optimal title tag length?
How long should a meta description be?
Why does Google rewrite or shorten my title?
Does title or description length affect click-through rate?
Where does Google get the title if not from my title tag?
Why is my meta description different in the search results?
Does this preview show exactly what my result will look like?
More free tools: browse the full catalog →