SERP Snippet Preview
See how a page title and meta description will look in Google search results, measured in pixels the way Google truncates them, with live warnings as you type.
How to use the SERP snippet preview
- Paste the page URL. The preview turns it into the breadcrumb-style path Google shows above the title, so you can see whether your folder names read well.
- Type the title. The counter shows characters and, more importantly, pixel width measured in the same font size Google uses. Desktop results cut titles at roughly 580 pixels, which is usually 50 to 60 characters.
- Write the description. On desktop about 155 to 160 characters fit; on mobile it is closer to 120. Switch between the Desktop and Mobile tabs to check both.
- Add the search query you are targeting. Google bolds matching words in the description, and the preview shows that so you can judge how the snippet stands out.
- If the page is an article, add the publish date. Google often prefixes article descriptions with a date, which takes space from the text.
How the limits are calculated
Google does not truncate by character count. It truncates by pixel width, so a title full of wide letters like W and M is cut sooner than one full of narrow letters like i and l. This tool measures your text in Arial at 20 pixels for titles and 14 pixels for descriptions, which is close to what desktop search results render. The limits used are 580 pixels for a desktop title, 920 pixels for a desktop description, and roughly two lines for mobile titles and three for mobile descriptions.
These are working limits, not guarantees. Google rewrites titles when it thinks the page heading or anchor text describes the page better, and it rewrites descriptions for most queries by pulling text from the page. A description that closely matches the query wording is kept more often.
What a good title and description look like
- Lead with the topic. Put the primary subject in the first few words. The brand name, if included, goes last after a single separator.
- Match the searcher’s wording. If people search “SEO expert in Karachi”, a title that says “Karachi SEO Solutions Provider” is technically related but visibly different.
- Make the description a promise the page keeps. Say what the reader gets: a checklist, a price range, a tool, a step-by-step process. Do not restate the title.
- One page, one intent. If you find yourself cramming three unrelated phrases into a title, the page is probably trying to rank for things that belong on separate pages.
- Avoid generic openers. “Welcome to our website” and “Looking for the best…” waste the most valuable characters.
Common mistakes this tool catches
- Titles that fit by character count but overflow by pixel width because they use capitals and wide letters.
- Descriptions written for desktop that lose their call to action on mobile.
- Titles and descriptions that are identical, which happens when a plugin copies one field into the other.
- Keyword-list titles with three or more separators.
- Article descriptions that ignore the date prefix and get cut mid-sentence.
Frequently asked questions
Does Google always use my meta description?
No. Google rewrites the description for most queries, pulling a passage from the page that matches the search. A well-written description is still worth the effort: it is used more often for branded and navigational searches, and it is what social networks and other crawlers fall back on.
Is the title tag the same as the H1?
They should describe the same thing but do not need to match word for word. The title tag appears in search results and browser tabs and usually carries the brand; the H1 sits on the page and can be a little more descriptive.
Do keywords in the description help rankings?
Not directly. The description is not a ranking factor, but matching the query wording increases the chance Google keeps your description and bolds the terms, which affects click-through rate.
Why does my live result look different from the preview?
Google adjusts snippets per query, adds sitelinks, dates, ratings or FAQ dropdowns, and sometimes rewrites the title. The preview shows the default rendering so you can get the fundamentals right.
Related tools
Background reading: how to write titles and descriptions that earn clicks, in the SEO copywriting guide.