Before you publish any page or blog post, you should see exactly how it will look in Google search results. A title that looks perfect in your CMS might be cut off at 47 characters in Google, or your meta description might end mid-sentence with "..." — both reduce your click-through rate significantly. The good news: you can preview your page in Google search results for free in under a minute, before you publish anything. This guide shows you how.
What Is a SERP Preview?
SERP stands for Search Engine Results Page. A SERP preview is a simulation of how your page will appear as a listing in Google search results — showing your title tag, URL, and meta description rendered in Google's actual display format, including character limits and truncation behaviour.
A standard Google organic result listing shows:
- Title tag — the blue clickable headline (up to ~60 characters before truncation)
- URL — the green/grey path shown below the title (breadcrumb or full URL)
- Meta description — the grey paragraph text (up to ~155 characters on desktop)
Google sometimes modifies what it displays — rewriting titles or pulling different text for the description — but your written title and description are the starting point, and they are what Google uses in most cases. Getting them right before publishing is significantly easier than fixing them afterwards and waiting for Google to re-crawl.
How to Preview Free in 3 Steps
Our free SERP preview tool shows you exactly how your listing will look in Google with no account required:
Step 1: Open the SERP preview tool
Go to searchranktool.com/serp-preview. No login, no signup.
Step 2: Enter your details
Fill in three fields:
- Page title — your proposed title tag
- URL — the full URL of your page (or planned URL)
- Meta description — your proposed meta description
Step 3: See your preview instantly
The tool renders a live preview showing exactly how Google will display your listing. Character counters show how close you are to the truncation limits — green means you are within range, red means it will be cut off.
Make adjustments directly in the tool — edit your title or description and watch the preview update in real time until you are happy with how it looks. Then copy the final versions into your CMS before publishing.
Title Tag Rules for Google
Google displays title tags up to approximately 600 pixels wide, which typically corresponds to 50–60 characters depending on which letters are used (wide letters like W and M consume more pixel space than narrow letters like i and l).
Practical rules for title tags:
- Keep under 60 characters — this fits in almost all cases without truncation
- Put the primary keyword near the start — Google bolds matching keywords; front-loading them increases visual impact
- Include your brand name at the end — format: "Primary Keyword — Topic | Brand Name"
- Be specific, not clever — "How to Fix Thin Content in 5 Steps" outperforms "Content Quality Matters" for CTR
- Match search intent — if users search "how to" questions, use "How to" in your title
Google may rewrite your title tag if it judges yours to be misleading, keyword-stuffed, or a poor match for the search query. Titles that accurately reflect page content and match what searchers expect are rewritten less frequently.
Meta Description Rules for Google
Meta descriptions display up to approximately 155–160 characters on desktop and around 120 on mobile before Google truncates with "...".
Rules for meta descriptions:
- Target 120–155 characters — fills the available space without being cut
- Include the primary keyword once, naturally — Google bolds it when it matches the query
- State a clear benefit — what will the reader gain from clicking?
- End with a call to action — "Learn how," "See the guide," "Try it free"
- Make it unique per page — duplicate descriptions across your site are a Search Console warning
Use our meta tag generator alongside the SERP preview — the generator helps you write the title and description, and the SERP preview shows how they look together in context.
Mobile vs Desktop Preview
Google's search results display differently on mobile and desktop:
- Desktop — meta descriptions up to ~155 characters, slightly wider title display
- Mobile — meta descriptions up to ~120 characters, titles may be shorter
Since Google uses mobile-first indexing — meaning the mobile version of your site is Google's primary reference — it is important to check your SERP preview at mobile character limits. A description that looks perfect at 150 characters on desktop will be cut off at 120 characters on mobile.
The safe approach: write descriptions in the 120–140 character range. This ensures the most important content (keyword + benefit) appears on both mobile and desktop without truncation.
Our SERP preview tool shows both desktop and mobile previews simultaneously so you can optimise for both displays at once.
What to Fix When Something Looks Wrong
Title is cut off (ends with ...)
Your title exceeds approximately 600px width. Shorten it to under 55 characters. Remove filler words ("The," "A," "An"), abbreviate where natural, or restructure to lead with the keyword and cut the brand name if space is tight.
Description ends mid-sentence
Your description is over 155 characters. Cut from the end — the call to action at the end should be preserved, so find a way to shorten the middle section. Remove unnecessary adjectives, combine sentences, or cut a detail that is already covered by the title.
URL looks messy or very long
Google shows a breadcrumb version of your URL derived from your page structure. Clean, descriptive URL slugs display better. Use our free URL slug generator to create clean, keyword-optimised slugs for your pages.
Title or description looks generic
If your preview looks like every other result on the page, it will not stand out. Add a specific number, a benefit, a year, or a power word: "Complete," "Free," "Step-by-step," "In 5 Minutes."
Frequently Asked Questions
Does a SERP preview tool show exactly what Google will display?
A SERP preview tool shows what Google should display based on your title tag, URL, and meta description — applying Google's known character and pixel limits. However, Google sometimes rewrites titles and descriptions when it decides its own version better matches a specific search query. The preview is accurate for what you have written; it cannot predict when Google will choose to override it.
How do I check my current SERP appearance for a live page?
Search for your page's target keyword on Google and find your listing in the results. For pages not yet ranking visibly, use Google Search Console — the Performance report shows your page titles and descriptions as they appear in real search results, including any rewrites Google has made. Compare these against what you intended to write to spot discrepancies.
Why is Google showing a different title than the one I wrote?
Google rewrites title tags when it determines the original is keyword-stuffed, misleading, too long, or a poor match for the query triggering the result. Common triggers: titles that are all caps, titles that are essentially just a list of keywords, titles that do not match page content, and titles that are extremely short or vague. Write a descriptive, accurate title that matches your page content and Google rewrites it less often.
How do I add a meta description to my page?
In WordPress, use an SEO plugin like Yoast or Rank Math — there is a meta description field on every post and page editor. In Shopify, go to the product or page editor and scroll to the SEO section. For custom-built sites, add this tag in the <head> section of your HTML: <meta name="description" content="Your description here">. Use our meta tag generator to generate the complete, correctly formatted tag ready to copy and paste.