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.
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.