SERP Snippet Generator
Visualize how your website will appear in Google search results. Optimize Meta Titles and Descriptions to prevent truncation and increase Click-Through Rate (CTR).
Google Search Preview
www.example.com › page-slug
Enter your page title here
Enter your meta description here...
Title Width: 0px / 600px
Desc Width: 0px / 960px
About
Search Engine Results Page (SERP) snippets are the first interaction users have with your content. Google displays a limited amount of pixel width for titles and descriptions. This tool simulates the Google search result interface, allowing you to draft meta tags that convey your message effectively without being truncated by ellipses (...).
serp
meta tags
google preview
ctr optimizer
Formulas
Truncation is based on pixel width, not just character count, as letters like 'W' are wider than 'i'.
- Title Logic. Safe zone is < 580px. Characters: ~50-60.
- Description Logic. Safe zone is < 920px (Desktop). Characters: ~150-160.
- Visual Calculation. Render text in Arial, 18px (Title) and 14px (Desc) to measure offsetWidth.
Reference Data
| Element | Max Length (Desktop) | Max Length (Mobile) |
|---|---|---|
| Meta Title | ~600 pixels (60 chars) | ~580 pixels (55 chars) |
| Meta Description | ~960 pixels (160 chars) | ~680 pixels (120 chars) |
| URL Breadcrumbs | Variable | Variable |
Frequently Asked Questions
Google often ignores the defined meta description if it deems other content on the page more relevant to the user's specific search query.
No. Google uses pixel limits. A title in all caps will reach the limit faster than one in lowercase because capital letters occupy more horizontal space.
This tool focuses on the standard text snippet. Rich snippets (stars, prices, recipes) require structured data (Schema.org) and are displayed at Google's discretion.