Browser tool · No data sent · Free forever
SERP preview simulator
See exactly how your page title and meta description appear in Google search results , for desktop and mobile , before you publish. Check character limits, preview truncation, and share the live link with clients.
- Pixel-accurate Google preview with live character donuts
- Switch between desktop (60 chars) and mobile (50 chars) limits
- URL auto-parsed into Google-style breadcrumb
- Copy a shareable link , no account, no export
60chars
Desktop title limit
before Google truncates
160chars
Desktop desc limit
across two display lines
50chars
Mobile title limit
smaller viewport width
61%
Titles rewritten
when they go over 600px
Breadcrumb: codalyst-tech.com
Runs entirely in your browser · nothing sent to any server
What it checks
Four things that determine your click-through rate
Google uses these four signals to decide what your result looks like in search. Get them wrong and you lose clicks , even if you rank on page one.
Page title
Counts characters in real-time and shows a green/amber/red donut. Desktop limit is ~60 chars (~600px). Mobile is ~50 chars. The preview truncates with "..." exactly as Google does.
Meta description
Google shows ~160 chars on desktop and ~120 on mobile before cutting off. The simulator shows exactly two lines of description text , anything beyond wraps into the ellipsis.
URL breadcrumb
Your URL is auto-parsed into a Google-style breadcrumb path (domain › section › page). Hyphens become spaces. The breadcrumb appears between the favicon and the title.
Desktop vs mobile
Switching tabs changes the preview container width (720px → 390px), font size, and character limits simultaneously , because Google's truncation points differ meaningfully between devices.
Best practices
Writing meta copy that actually gets clicked
Rankings get you onto the results page. Your title and description get you the click. These are the rules that matter.
Title tag rules
50–60 chars · keyword first · brand last
Keep it under 60 characters
Google rewrites truncated titles 61% of the time. Under 60 chars = full control.
Put the primary keyword first
Google bolds matching search terms. Front-loading the keyword increases visual weight.
Add your brand at the end
Format: "Primary Topic | Brand Name". Brand recall without eating keyword space.
Make it a promise, not a label
"How to Hire Remote Developers Safely" beats "Remote Developers". Answer the intent.
Example format
Primary Keyword | Secondary · Brand Name
Meta description rules
140–160 chars · action verb · unique per page
Start with an action verb
"Discover", "Download", "Compare" , action language increases click-through rate.
Include your main keyword naturally
Google bolds keyword matches in descriptions, drawing the eye to your result.
End with a concrete value prop
"Proposal in 24 hours" or "No signup required" reduces friction at the decision point.
Write a unique description per page
Duplicate descriptions signal thin content and miss per-page intent signals.
Example format
Verb + benefit. Keyword mention. Value prop or CTA.
FAQ
Frequently asked questions
Does this tool send my data to any server?
No. The SERP simulator runs entirely in your browser using React state. Your title, description, and URL are never sent to any server , not even Codalyst Tech's servers. You can use it safely with client data and confidential drafts.
How accurate is the preview compared to real Google results?
The preview uses Google's exact colours (title blue #1a0dab, description grey #4d5156), the same Arial font family, and the same pixel container widths (600px desktop, 342px mobile). Title and description truncation matches Google's CSS overflow rules. The result is visually accurate for planning purposes, though Google's actual truncation point can vary slightly by device and personalisation.
What is the ideal title tag length for SEO?
Google displays titles up to around 600 pixels wide on desktop , roughly 50–60 characters for most text. Titles shorter than 60 characters display in full on both desktop and mobile. Titles over 70 characters are very likely to be truncated. Studies show Google rewrites over-length titles more than 61% of the time.
What is the ideal meta description length for SEO?
Google shows approximately 160 characters of meta description on desktop and around 120 characters on mobile before truncating. Writing descriptions between 140–160 characters gives you the best chance of displaying the full text on both devices. Meta descriptions don't directly affect rankings but significantly impact click-through rate.
Does Google always use my meta description?
No. Google rewrites meta descriptions approximately 70% of the time, replacing them with excerpts it considers more relevant to the specific search query. However, a well-written description still appears for branded and navigational queries, and Google often uses it as a starting point. Always write one , but don't rely on it appearing verbatim.
How do I share a SERP preview with a client?
Fill in the title, description, and URL fields, then click "Copy shareable link". The current state is encoded in the URL parameters. When your client opens the link, their browser pre-fills the same values , no account, no screenshot, no export needed.
Use cases
Who benefits from previewing snippets
Anyone responsible for what a page looks like before a search user clicks on it.
SEO managers
Validate every page's title and description before publishing. Preview how rewrites will appear in search without waiting for a crawl.
Content writers
Check your meta copy fits before it hits the CMS. The shareable link lets you send previews for editorial sign-off without screenshots.
Agencies & freelancers
Share a live preview link with clients instead of static screenshots. The URL encodes the full state , no account, no export, no faff.
Web developers
Verify meta tags during build without deploying. Paste your title and description, switch modes, confirm nothing truncates on mobile.
From preview to rankings
Done previewing your snippets?
Let's make them actually rank.
Getting your title and description right is step one. Step two is technical SEO, content strategy, and backlink authority , the things that determine whether your page shows up at all. Codalyst Tech runs full SEO programs for global businesses at 40–60% below Western agency rates.
- Full technical SEO audit , site speed, crawlability, Core Web Vitals
- On-page optimisation across your entire site
- Content strategy aligned to actual search intent
- Dedicated SEO specialist , not a shared team
- Monthly reporting with real ranking movement
Hire a dedicated SEO specialist
Get a full-time SEO specialist working inside your team , embedded in your tools, your reporting, your cadence. From $1,200/month. Faster to hire than an agency retainer, cheaper than a Western salary.
- Keyword research & content briefs
- Technical audit & implementation
- Link building & outreach
- Google Search Console & Analytics management
More free tools
See all 13 →About the SERP Preview Simulator
The SERP Preview Simulator renders a pixel-accurate replica of a Google search result using the exact font (Arial), colours, and container widths that Google uses in its search interface. The preview includes the full Google browser chrome , title bar, search bar, tab row with All / Images / Videos / Forums / Shopping / Maps / AI Mode , so you can see the result in realistic context.
Why character limits matter more than most SEO guides admit: Google measures title length in pixels, not characters. A string of wide letters like "W" and "M" will hit the pixel limit faster than the same number of narrow letters. The simulator uses CSS truncation with a fixed-width container matching Google's 600px desktop result area, which gives you a more accurate preview than a raw character counter alone.
The shareable link feature: Clicking "Copy shareable link" encodes your current title, description, and URL as query parameters. Anyone opening that URL sees the same pre-filled state instantly, with no account or file export required. This is useful for agencies reviewing draft copy with clients, developers checking meta tags during build, and content teams getting sign-off on page descriptions before publishing.
What this tool does not check: It does not check whether your meta tags are correctly implemented in HTML, whether Google has indexed your page, or whether your title and description will actually rank. For those checks, you need Google Search Console, a crawl tool, and an SEO strategy. If you need help with any of those, Codalyst Tech's SEO service covers the full technical and content stack.