A Google search preview shows how your webpage appears in Google search results (SERPs) before publishing. This SERP simulator uses pixel-accurate title width measurement — the same method Google uses — so you can see exactly where your title gets cut off on desktop and mobile devices.
Google Search Result Preview
DesktopHow to Use the Google Search Preview Tool
The Google search preview tool simulates exactly how your page will look in Google's search results before you publish it. Unlike basic character counters, this SERP simulator measures actual pixel width — because Google truncates titles based on pixels, not characters. A title with wide letters like "W" can truncate at 45 characters while one with narrow letters like "i" might fit 70 characters.
Step 1: Enter Your Title, URL, and Description
Type your title tag, page URL, and meta description in the Manual Input tab. As you type, the SERP preview updates in real time showing exactly how your snippet will look. The character counter shows both the character count and the pixel width of your title. Green means you are within Google's display limits; amber means you are close to the truncation point; red means the title will be cut off.
Step 2: Or Paste Your HTML for Auto-Extraction
If you have your HTML source code, switch to the "Paste HTML" tab and paste it in. Click "Extract from HTML" and the tool will automatically pull out the title tag, canonical URL, and meta description from your code. This is faster than retyping everything and reduces the chance of errors.
Step 3: Toggle Between Desktop and Mobile Views
Click "Desktop" or "Mobile" to see how your snippet looks on different devices. Desktop SERP titles can be up to 580 pixels wide (roughly 50-60 characters). Mobile titles are capped at about 320 pixels wide and descriptions are shortened to around 120 characters. If your snippet looks good on desktop but gets cut on mobile, shorten your title or front-load the most important keywords.
Step 4: Act on the Optimization Tips
The optimization tips section shows specific issues with your title and description — whether the title is too long, the description is missing, or the title could be improved for click-through rate. Common improvements include adding "Free" or a number to the title, keeping the primary keyword in the first 30 characters, and writing a description that ends with a call to action like "No signup required."
FAQ
Is this Google search preview tool free?
Yes, this SERP simulator is completely free with no account or signup required. You can preview as many pages as you want. All processing happens in your browser — nothing is sent to any server.
Is my data safe when using this tool?
Absolutely. All processing happens entirely in your browser using JavaScript. Your titles, URLs, and meta descriptions are never sent to any server. You can safely use this tool for any page, including drafts or confidential projects.
How does the pixel-width title truncation work?
Google truncates titles based on pixel width, not character count. This tool uses the HTML5 Canvas measureText API with the same font Google uses (Arial) to calculate the exact pixel width of your title. Desktop SERP titles are capped at approximately 580px, mobile at around 320px. When your title exceeds these limits, it is truncated with an ellipsis just as Google would display it.
How long should my title tag be?
Google typically shows titles up to 580 pixels wide on desktop, which is roughly 50-60 characters in a typical font. In practice, aim for 50-60 characters. However, pixel width is more reliable than character count — a title with wide characters like 'W' and 'M' truncates sooner than one with narrow characters like 'i' and 'l'. Use this tool to check both.
How long should my meta description be?
Google displays around 150-160 characters of a meta description in desktop results, and approximately 120 characters on mobile. Write descriptions that front-load the most compelling information in the first 120 characters to ensure they appear in both desktop and mobile results.
What is the difference between desktop and mobile SERP previews?
Desktop results show titles up to about 580px wide and descriptions up to about 160 characters. Mobile results have narrower screens — titles are limited to roughly 320px wide and descriptions to about 120 characters. Always check both views to ensure your snippets look good on all devices.
Can I paste HTML to auto-fill the preview fields?
Yes. Paste your full HTML source into the 'Paste HTML' tab and the tool will automatically extract the title tag, canonical URL, and meta description from your code. This is faster than manually typing them in, especially when checking pages after updates.