SERP Preview - Google Snippet Simulator
SEO & Marketing
Preview Google search snippets with approximate desktop and mobile pixel widths for titles and descriptions. Measure truncation as you edit, locally.
0 / 600 px · 0 chars
0 / 920 px · 0 chars
Your page title will appear here
Your meta description will appear here - keep it compelling and under the character limit.
Approximate widths (desktop): title 600px · description 920px. Google may display a different result.
How to use this tool
- Enter title and URL. Type your page title and the URL as you want it to appear.
- Add description. Paste or type your meta description.
- Toggle desktop / mobile. Switch the preview to see how the snippet looks on each device type.
- Fix truncation. Shorten the title or description if the preview shows it cut off.
What is a SERP snippet?
A SERP snippet (Search Engine Results Page snippet) is the block of text Google shows for your page in search results. It typically consists of a clickable title link, a breadcrumb URL, and a short description. Optimising these three elements is one of the fastest ways to improve your click-through rate without changing your ranking.
Title pixel width vs character count
Google measures title width in pixels, not characters. Because different letters have different widths (an "i" is much narrower than an "M"), a 60-character title can fit or be truncated depending on its words and punctuation. This preview uses the browser's Canvas text measurement with Arial, matching the font used in its result card. Its pixel and character readouts update as you type, so you can compare a concise title with a longer one.
Desktop vs mobile limits
Google truncates title links as needed to fit the device and does not publish one fixed pixel cap. For a practical comparison, this simulator uses approximate title budgets of 600 px on desktop and 560 px on mobile. The narrower mobile estimate helps surface titles that may lose words on a phone, but Google can wrap, truncate, or rewrite a title differently. Check both views before choosing a final version.
Description width and character count
The description meter shows both an approximate pixel width and a character count. Google does not enforce a fixed meta description length: it creates snippets from page content and may use your meta description when it is a good match. This preview uses 920 px for desktop and 680 px for mobile as comparison budgets, then adds an ellipsis when the text exceeds the selected width. These estimates use the card's Arial font and are not a promise of Google's exact snippet.
Writing a high-CTR description
- Lead with the most important information - Google may cut from the end.
- Include the primary keyword naturally near the start.
- Use an active voice and include a benefit or call to action.
- Keep the draft concise; character count alone does not predict its rendered width.
Google's dynamic title rewriting
Since August 2021, Google frequently rewrites page titles in search results rather than using
your <title> tag verbatim. Google may substitute the page's <h1> or append the site name if it determines the title tag is unhelpful. Common
triggers for rewriting include:
- Keyword stuffing - repeating the same keyword multiple times
- Truncation - a title that is longer than the pixel limit and would be cut mid-word
- All-caps titles that differ significantly from the page's main heading
- Boilerplate titles that are identical across many pages
This preview shows your title as written and cannot predict a rewrite. After publishing, compare live results for relevant searches; Search Console can report search performance but does not guarantee which title Google will display.
Structured data rich snippets
Structured data describes page content, but adding markup does not guarantee an expanded search result. Google currently limits FAQ rich results to well-known, authoritative government and health websites, and stopped showing How-to rich results in 2023. Review snippets may appear for eligible content when it meets Google's policies, but the search display remains Google's choice.
- FAQ schema: do not expect FAQ dropdowns for a typical commercial or personal site.
- Review markup: eligibility and display depend on Google's review policies.
- HowTo schema: no longer produces a Google How-to rich result.
See Google Search Central for current requirements before adding markup. The Schema Markup Generator can help prepare structured data, but it cannot make a result eligible by itself.
Meta description best practices
While Google may replace your meta description with page text that better matches a specific query, a well-written description still shows for:
- Branded searches where the query closely matches your page's content
- Bing search results (Bing respects the meta description more consistently)
- Social sharing previews on LinkedIn, Facebook, and Slack (which use the Open Graph description, which often defaults to the meta description)
Frequently asked questions
How wide is a Google title in pixels?
Google does not publish a fixed pixel cap for title links; it truncates them as needed to fit the device. This preview uses approximate budgets of 600 px on desktop and 560 px on mobile. Google may show a different title or rewrite yours.
How long should my meta description be?
Google sets no fixed character limit for a meta description. Snippets are shortened as needed to fit the device, and Google may instead use text from the page. A concise description around 140–160 characters can be a useful drafting target, not a display guarantee.
Why does Google sometimes ignore my meta description?
Google may use a passage from the page when it better matches a search query. A relevant meta description can still be used, but Google chooses what to show for each result.
What font does Google use for titles?
This preview measures text in the browser with Arial to estimate its width. Google can use different fonts and layouts, so treat the pixel readouts as a comparison aid rather than an exact prediction.
Related tools
- Title Tag CheckerReview title length and page-title signals after shaping the snippet here.
- Meta Tag GeneratorTurn the title and description draft into ready-to-paste page tags.
- OG PreviewCheck how the same page metadata appears in social sharing cards.
- OG Image GeneratorCreate a social image to accompany the page when it is shared.
- UTM BuilderAdd campaign parameters to a URL when you share or promote the page.
- Schema MarkupPrepare structured data for eligible search features and other consumers.