SERP Preview Tool: Write Titles and Descriptions That Fit and Get Clicked
A SERP preview tool shows you how a page will look in Google search results before you publish it: the site name, the URL breadcrumb, the blue title link and the description underneath. Our free SERP snippet preview measures your title and meta description in pixels, the same way Google cuts them off, so you can see exactly where the text will be truncated on desktop and mobile and fix it before it costs you clicks.
This guide explains how search snippets work, how long titles and descriptions should be, how to write them so more people click, and how to use the preview to test variations quickly.
Key takeaways
- Google truncates titles at roughly 600 pixels and descriptions at roughly 920 pixels on desktop, and less on mobile.
- Pixel width matters more than character count: wide letters like W and M use far more space than i or l.
- Put the main keyword and the main benefit at the start, where they survive truncation.
- Google may rewrite titles and descriptions, but clear, accurate ones are rewritten less often.
What is a SERP preview tool?
SERP stands for search engine results page. Each organic result on that page is a “snippet” made of several parts. A SERP preview tool, sometimes called a Google SERP simulator or snippet preview, recreates that snippet from the title and description you type, so you can judge length, wording and visual appeal without publishing anything.
The parts of a Google search snippet
- Site name and favicon: your brand, usually taken from your homepage and structured data.
- URL breadcrumb: the domain followed by a simplified path.
- Title link: the clickable headline, normally based on your title tag.
- Description: one or two lines of text, often from your meta description or from the page itself.
- Extras: dates, ratings, prices or sitelinks, depending on the query and your structured data.
Google documents how it builds each part in its guides to title links, snippets and site names.
Why previewing matters
Your snippet is your advert in the search results. Two pages can rank in similar positions and get very different numbers of clicks because one has a clear, specific, complete headline and the other is cut off mid-word. A few minutes in a SERP preview tool is one of the highest-return tasks in SEO.
How to use our SERP snippet preview
- Type your title and description, or click Load from URL to pull the current ones from a live page.
- Add your URL and site name to see the breadcrumb and brand line as Google would show them.
- Enter your search term to see matching words in bold, the way Google highlights them.
- Switch between desktop and mobile to check truncation on both.
- Watch the pixel meters. Green means it fits; red means Google will cut it off.
- Apply the suggestions in the “How to fix it” panel, which can shorten an over-long title or description with one click.
How long should titles and meta descriptions be?
Google doesn’t publish a fixed character limit, because the limit is the width of the display area, not a number of characters. Our tool measures text with the same font sizes Google uses: 20 px Arial for titles and 14 px Arial for descriptions.
| Element | Desktop width | Typical characters | Recommendation |
|---|---|---|---|
| Title tag | About 600 px | 50–60 | Keyword first, brand last |
| Meta description | About 920 px | 120–155 | Key message in the first 120 characters |
Why pixels beat characters
A title written in capitals or full of wide letters can be cut off at 45 characters, while one made of narrow letters can fit 70. Character counters can’t tell the difference; pixel measurement can. That’s why our preview shows both the character count and the pixel width.
Mobile vs desktop truncation
On phones, titles can wrap onto more lines, but descriptions are usually shown with less text. Because most searches happen on mobile, write descriptions so the first sentence makes sense on its own.
How to write a title tag that ranks and gets clicked
Lead with the search term
People scan results quickly. Putting the main keyword at the start confirms relevance immediately and keeps it visible even if the end is cut. Use your exact target phrase once; repeating it looks spammy.
Add a reason to choose you
After the keyword, add what makes your page the best answer: a benefit, a location, a number, a format or freshness.
Title formulas that work
Primary keyword: Clear benefit | BrandService in City | Proof or USP | BrandHow to Do X (Without Y) | BrandProduct Name: Key Spec, Key Spec | Brand
Example
Local SEO Services for Small Business | SEO Return fits in about 500 px, starts with the keyword, names the audience and ends with the brand.
Avoid common title mistakes
- Using the same title on many pages.
- Starting with the brand name on every page instead of the topic.
- ALL CAPS, repeated punctuation or emoji overload, which can trigger rewrites.
- Keyword stuffing, such as listing several variations separated by pipes.
- Titles that promise something the page doesn’t deliver.
How to write a meta description that earns the click
Meta descriptions aren’t a ranking factor, but they shape click-through rate, which turns rankings into traffic. Google often uses your description when it accurately summarises the page for the query.
A simple structure
- What it is: state what the page offers.
- Why it’s better: a benefit, proof point or differentiator.
- What to do next: a call to action such as “Get a free quote” or “See prices”.
Include the search term once
When the searcher’s words appear in your description, Google displays them in bold, which draws the eye. Enter your keyword in the preview to see this effect.
Make each description unique
Duplicate descriptions across many pages are a missed opportunity, and Google is more likely to replace them with text from the page.
Why Google rewrites titles and descriptions
Google may show a different title or description from the one you wrote. It does this when it thinks other text on the page better matches a specific search, or when your tag is missing, too long, stuffed with keywords, outdated or the same across many pages.
How to reduce rewrites
- Keep the title close to your page’s H1 heading and main topic.
- Make every title and description specific to the page.
- Keep within the pixel limits shown in our preview.
- Avoid boilerplate such as repeating long brand slogans.
Snippets and AI Overviews
The nosnippet and max-snippet robots directives control how much of your text Google can show, including in AI Overviews. Our free SEO checker flags these if they’re limiting your visibility.
Turning the preview into higher click-through rate
Test against competitors
Search your target keyword, copy the top three titles into the preview and compare them with yours. Ask which one you would click and why. Look for a gap: a benefit nobody mentions, a more specific promise or fresher information.
Measure the results
After updating a title or description, watch the page’s click-through rate in Google Search Console under Performance. Compare a few weeks before and after, at a similar average position, to judge the effect fairly.
Use structured data for richer snippets
Ratings, prices, FAQs and breadcrumbs can make results stand out where they’re eligible. Generate valid JSON-LD with our schema markup generator and review the options in Google’s structured data search gallery.
Where to change titles and descriptions
WordPress with Yoast or Rank Math
Edit the page, scroll to the SEO plugin panel and fill in the SEO title and meta description fields. Both plugins include a basic preview; ours adds pixel-accurate measurement and mobile checks.
Shopify, Wix and Squarespace
Each page or product has an “SEO” or “Search engine listing” section where you can edit the title and description.
Custom websites
Add the tags inside the page’s <head>. Our meta tag generator online creates clean, valid code including Open Graph and X tags.
<title>Local SEO Services for Small Business | SEO Return</title>
<meta name="description" content="Local SEO services for small business: optimise your Google Business Profile, reviews and local pages to win Maps searches.">Writing snippets for different types of page
The best title and description depend on what the searcher wants. A snippet that works for a blog post would undersell a service page, and vice versa. Use the SERP preview tool to test a version for each page type below.
Home page
Your home page title should say who you are and what you do, in the words customers use. Lead with your core service or category, then your brand. In the description, summarise your main services, who you serve and why people choose you.
Service pages
Service pages target commercial searches such as “plumber in Leeds” or “SEO services for dentists”. Put the service and, if relevant, the location first. Use the description for proof and a next step: years of experience, guarantees, response times or a free quote.
Example
Emergency Electrician in Leeds | 60-Minute Call-Outs | Brightwire with the description “Emergency electrician in Leeds, available 24/7. NICEIC-approved, fixed call-out prices and most jobs fixed on the first visit. Call now.” Only use claims you can back up.
Blog posts and guides
Informational searches reward clarity. Mirror the question or task in the title (“How to…”, “What is…”, “X vs Y”) and promise a specific outcome. In the description, give a one-sentence answer or the key benefit of reading. A clear answer in the description can also help your page stand out next to AI Overviews.
Product and category pages
Shoppers want the product name, key specifications and buying reasons. Include the brand, model or category, one or two standout features, and practical details such as free delivery or returns in the description. Product structured data can add price, availability and ratings to the snippet where Google supports them.
Local landing pages
For pages targeting a town or city, put the service and location at the start of the title and mention nearby areas or landmarks only if they’re genuinely relevant. Keep each location page’s title and description unique; copying the same text with a different city name is easy for Google to spot and rarely performs well.
Whatever the page type, test your snippet against the real results for its keyword. Search the keyword, note what the top titles promise, and make sure yours offers something clearer or more specific, such as a price, a year, a location or a free resource. A snippet that stands out from its neighbours earns more clicks than one that blends in, even at a lower position.
SERP preview checklist
- The title fits within about 600 px on desktop.
- The main keyword appears near the start of the title.
- The title includes a clear benefit or differentiator.
- The description is 120–155 characters and makes sense if cut after the first sentence.
- The description includes the search term once and a call to action.
- Every important page has a unique title and description.
- The title matches what the page actually delivers.
Related free SEO tools
- Meta tag generator online: create title, description, canonical and social tags.
- Free SEO checker: audit the whole page in seconds.
- H1 checker: make sure your H1 supports your title.
- OG tag checker: preview how your link looks when shared.
- Long tail keyword generator free: find the exact phrases to put in your titles.
Ready to test your snippet? Open the SERP preview tool above and see how your page looks in Google.