SERP Snippet Simulator
The SERP Snippet Simulator shows you exactly how your page title, URL, and meta description will appear in Google search results before you publish. It uses pixel-width measurement to simulate how Google renders text, giving you accurate truncation previews for both desktop and mobile.
Desktop limits
20 chars · ~184 / 580 px
29 chars · ~206 / 600 px
98 chars · ~725 / 920 px
Mobile limits
20 chars · ~184 / 920 px
29 chars · ~206 / 360 px
98 chars · ~673 / 680 px · will truncate
Desktop preview
Your Page Title Here
example.com › category › page
Your meta description here. Preview how it may appear in Google search results before you publish.
- Pricing
- Features
- Contact
Mobile preview
Your Page Title Here
example.com › category › page
Your meta description here. Preview how it may appear in Google search results before yo...
- Pricing
- Features
- Contact
Google may show different titles and descriptions based on the query and page content. This preview is an estimate, not a guarantee.
How this tool works
The SERP snippet simulator renders a live preview of how a page title tag and meta description will display in Google search results. It measures pixel width using the same font metrics Chrome applies (approximately Georgia 20px for titles, 14px for descriptions) rather than character count. Title tags render in approximately 600px; descriptions in approximately 920px. The tool color-codes overflow: text within the safe zone renders normally, and characters that will be truncated appear highlighted. Both fields truncate with an ellipsis at the cutoff point. Pixel measurement matters because variable-width fonts mean 'W' consumes more space than 'i', so a 60-character title built from wide uppercase letters can overflow while a 70-character title of narrow glyphs fits cleanly. Key assumption: the 600px title threshold and 920px description threshold reflect Google's desktop SERP layout; mobile SERPs apply narrower limits, roughly 400px for titles. Edge case: Google rewrites titles in roughly 20% of impressions regardless of length, preferring the page heading or anchor text when the title tag is deemed low-relevance for the query.
Worked example
A title using common words fits at 58 characters on desktop, but the same character count in wider letters may truncate at 52. A 155-character meta description is usually safe on desktop. On mobile, Google often cuts closer to 120 characters, so both previews should be checked before publishing.
Use-case examples
Paste either example below into the simulator to see how the snippet renders.
Ecommerce product page
Title: Blue Running Shoes for Men - Lightweight, Wide Toe Box | BrandName
Description: Shop men's blue running shoes with a wide toe box and cushioned midsole. Free shipping on orders over $50. Available in sizes 7-15.
Product titles benefit from leading with the key modifier (color, gender) and including brand at the end after the pipe. Descriptions should state the strongest purchase signal within the first 120 characters so mobile snippets capture the key benefit before truncation.
Editorial article
Title: How to Write a Meta Description That Gets Clicks (With Examples)
Description: Learn how to write meta descriptions that improve click-through rate. Includes templates, character count guidance, and 10 real-world examples from top-ranking pages.
Editorial titles that include a parenthetical benefit ('With Examples', 'Step by Step') tend to increase CTR. Descriptions for articles should answer the implied question in the title: what will the reader learn and why should they click now.
For a full guide on writing meta descriptions that drive clicks, see Meta description best practices 2026.
Frequently asked questions
Why does pixel width matter more than character count?
Different characters occupy different widths when rendered. The letter W is roughly 3x wider than i in most fonts. A 60-character title made of wide letters can exceed Google's pixel limit while a 65-character title made of narrow letters fits comfortably. Pixel width is the only accurate measure.
What is Google's title tag pixel limit?
Google displays titles up to approximately 600px wide on desktop and 920px on mobile. These limits have shifted over the years. Leave a margin of 40-60px below the limit to account for rendering differences across operating systems. Tracking this metric alongside conversion data gives a more complete picture of how changes affect actual business outcomes.
What font does Google use for search result titles?
Google uses a variation of Arial or Helvetica at roughly 14px for title rendering. The simulator uses 14px Arial in an HTML5 canvas element to approximate Google's rendering as closely as possible without access to their internal font stack.
Does Google always show my title tag?
Not always. Google rewrites titles in some cases, particularly when it judges the original title to be keyword-stuffed, misleading, or a poor match for the query. This simulator previews how your tag would look if Google shows it unchanged.
Does Google show the same snippet on desktop and mobile?
The same title and description are used, but the pixel limits differ. Mobile titles can be longer (920px vs 600px) because mobile screens at high pixel density display text differently. Always check both the desktop and mobile preview.
What is the green/yellow/red indicator system?
Green means your text is comfortably within the pixel limit. Yellow appears when you are within 10% of the limit - the text may be at risk of truncation depending on the device. Red means the text will truncate and should be shortened. Tracking this metric alongside conversion data gives a more complete picture of how changes affect actual business outcomes.