SERP Snippet Optimizer
Preview how your page looks in Google search results. Pixel-accurate title width counter and meta description length checker — real time, 100% client-side.
Good length — no truncation on Google
Good length — full description should display
Live Preview (desktop)
example.com
example.com
Your page title will appear here
/meta-optimizer
Automate title tag rewrites at scale
Manually checking one page at a time does not scale. The /meta-optimizer skill processes your entire site in one command, flags pixel violations, and rewrites titles to fit.
How to write title tags that get clicks
A title tag is the single most visible element in a Google result. It determines whether someone clicks or scrolls past. Google measures title display width in pixels, not characters — a title using wide letters like W and M will get truncated at fewer characters than one using narrow letters like i and l. This tool uses canvas-based pixel measurement, the same method browsers use to render fonts, so the reading you see is accurate.
Keep your primary keyword near the front of the title. Google bolds search-query matches, and front-loading keywords signals relevance before truncation cuts in. For desktop, stay under 520px for a guaranteed full display. The 520-580px amber zone is usually safe, but narrow screens and bold-weight keyword matching can push the rendered width over the limit unpredictably.
Avoid keyword stuffing. Google rewrites titles it considers manipulative or low-quality. Aim for one primary keyword, a clear value proposition, and your brand name at the end separated by a pipe or dash. That structure matches how searchers scan results and gives Google less reason to override your tag.
What makes a good meta description
Meta descriptions do not directly affect Google rankings, but they drive click-through rate. A well-written description is an ad. It tells the searcher exactly what they will find and why your page is the right answer for their query. Google shows descriptions at roughly 155 characters on desktop and less on mobile — write to the desktop limit and accept that mobile will truncate.
Lead with the outcome. "Learn how to..." is weaker than "Run a full technical SEO audit in under 5 minutes with one terminal command." Include your primary keyword naturally — Google bolds query matches in the description, increasing visual salience in the SERP. End with a specificity signal: "Free, no signup", "14 skills included", or "Step-by-step guide".
Frequently asked questions
Why does Google measure title tags in pixels instead of characters?
Google measures title tags by pixel width, not character count. The desktop limit is roughly 600px (around 55-60 characters in a standard font), and the mobile limit is around 420px. A title with wide letters like 'W' and 'M' will get truncated at fewer characters than one with narrow letters like 'i' and 'l'. This tool uses a canvas-based pixel measurement to give you an accurate reading.
What is the ideal meta description length?
Google truncates meta descriptions at around 155-160 characters on desktop. Aim for 140-155 characters to give yourself a safe margin. The description does not directly affect rankings, but a well-written description improves click-through rate, which signals quality to Google.
Does Google always use my title tag?
No. Google rewrites title tags in a significant portion of cases, pulling from H1s, anchor text, and on-page content when it thinks your title is a poor match for the query. Keeping your title tag descriptive, keyword-relevant, and within pixel limits reduces the chance of Google overriding it.
Can I automate title tag optimization across hundreds of pages?
Yes. The /meta-optimizer skill in the CC for SEO Command Center reads your page content, current title tags, and target keywords, then rewrites titles and descriptions in bulk. It flags pages exceeding pixel limits and outputs a CSV ready to import into your CMS.
SEO Command Center
One command. Entire site optimized.
Stop checking pages one by one. The /meta-optimizer skill runs across your full sitemap, rewrites failing snippets, and exports a ready-to-import CSV.