See your result before Google does
Your search result snippet is the first impression people have of your page. If the title is cut off in the middle of a word or the description trails off, fewer people click, even if you rank well. This preview tool shows how your title, URL and description are likely to appear on Google's desktop and mobile results, so you can fix them before publishing.
How to use the preview
- Enter your page title, URL and meta description.
- Switch between Desktop and Mobile to check both layouts.
- Type your main keyword to see it in bold, as Google bolds words that match the search.
- Follow the tips until the snippet fits nicely, then copy your text into your page or SEO plugin.
Why title length is measured in pixels
Google does not cut titles after a fixed number of characters. It cuts them when they no longer fit the available width, about 600 pixels on desktop. Wide letters such as "W" and "M" take more space than narrow ones like "i" and "l", so a 55-character title in capitals can be cut while a 65-character title in lowercase fits. This tool measures the real width of your text in the same font size Google uses, Arial 20 px, for an accurate preview.
Recommended lengths
| Element | Desktop | Mobile |
|---|---|---|
| Title | up to ~600 px (≈ 50–60 characters) | a little less; may wrap to 2 lines |
| Meta description | ≈ 150–160 characters | ≈ 120 characters |
Tips for snippets that get clicks
- Start the title with the topic people search for, and add the brand at the end.
- Use numbers and specifics: "10 Minutes", "2026", "Step-by-Step".
- Make the description answer "why should I click this?"
- Use readable URLs with words, such as
/travel/goa-guide. Create one with our slug generator.
Frequently asked questions
Will Google show exactly this?
It is a close estimate. Google sometimes rewrites titles and descriptions, adds dates, ratings or site links, and changes its layout from time to time.
Why is my site name shown above the URL?
Google now displays a site name and favicon above results. Set your preferred site name with structured data from our Schema Generator.
Where do I add the title and description?
In your page's HTML head, or in your CMS. The Meta Tag Generator creates the code.