SERP // Google + AI snippet
SERP & AI preview
See exactly how your page looks in Google before you publish — plus a stylised AI-answer preview showing how ChatGPT and Perplexity might cite you.
$ runs in your browser · nothing stored · no signup
// title & meta (editable)
// google result preview
Pixel-accurate truncation (approximate font metrics).
// social / open graph card
How the page previews when shared on social or in chat.
// snippet score
–// ai-citation readiness
–What this tool does
A SERP snippet is the block Google shows for your page in search results: the title link, the URL / breadcrumb, and the meta description underneath. It's the first — and often only — thing a searcher reads before deciding whether to click. This tool renders that block from your title, description, and URL so you can see the truncation and tune the wording before you publish, not after Google has already shown a cut-off title to ten thousand people. Fetch your page (or type to test): paste a URL and the tool pulls the page's real title, meta, Open Graph, and structured data, renders the snippet, and grades it. The fields stay editable so you can tweak the copy and watch the score move live.
Pixel limits, not character limits
Here's the thing most "title length checkers" get wrong: Google truncates by pixel width, not character count.
A title link is cut at roughly 580 pixels on desktop — about 60 characters of average text —
and a description at roughly 920 pixels, about 155 characters. But those character numbers are
only averages. A title full of wide capitals (WORKFLOW MANAGEMENT) truncates earlier than one full of narrow
letters (tiny little titles), even at the same character count. The counters in this tool are
guidance, not a hard rule — the visual preview is closer to truth. When in doubt, keep titles tight and put
the words that matter first.
How to use it
- Paste your URL and hit Fetch & grade — the tool fetches the live page, reads its real title, meta, Open Graph and schema, builds the breadcrumb Google shows (host plus path), and scores it.
- Edit the title tag — watch the counter and the preview. If the title gets a
…, it's too long. The score updates as you type. - Edit the meta description — same deal. Read where it truncates and trim until the value survives the cut.
- Read the diagnostics — the snippet score flags missing/over-long tags, and the AI-readiness panel checks whether the page reads like a quotable answer engines can cite.
- No URL handy? Just type into the title and meta fields to test copy manually — the preview and scores still work.
AI-citation readiness — the part nobody else shows you
Every other SERP previewer stops at the blue link. This one doesn't, because in 2026 the blue link isn't the only place people read your page. ChatGPT, Perplexity, and Google AI Overviews answer the question directly and then cite the sources they pulled from as a link — the way a research assistant footnotes a claim. To get cited, your page has to lead with the answer and be quotable: a clear, self-contained sentence the model can lift without surrounding context. The AI-readiness panel grades exactly that from your live page — whether the opening paragraph is an extractable answer, whether the title names a clear entity, whether structured data and Open Graph are present, and whether the language is declared — so you can see at a glance whether your page reads like an answer or like marketing throat-clearing. That's the AEO (answer-engine optimisation) angle, and it's the differentiator: optimise for the quote, not just the click.
Why your real snippet may differ
What you preview here is what you asked for. What Google shows is what Google decides. The two often diverge:
- Google rewrites descriptions often — frequently more than half the time. If your tag is boilerplate, stuffed, empty, or a poor match for the query, Google will pull its own snippet from your page body instead.
- Pixel vs character truncation — your real cut-off depends on the exact glyphs and the device, so it won't land on the same character every time.
- Dates, sitelinks, and rich elements — Google may prepend a date, attach sitelinks, swap in a FAQ or breadcrumb, or rewrite the title to match the search query. None of that is under your direct control.
The fix isn't to fight Google — it's to write a title and description so clearly relevant that Google has no reason to override them.
Title & meta best-practice checklist
- Front-load the keyword. Put the term you're targeting in the first few words of the title, before any truncation risk.
- Write for the click, not the crawler. The title is an ad. Lead with the benefit or the answer, not a keyword salad.
- One unique title and description per page. Duplicates are the fastest way to get them rewritten or ignored.
- Keep the title under ~580px (≈60 chars) and the description under ~920px (≈155 chars) — confirm in the preview, not the counter.
- Make the description a real sentence. Front-load the value so it survives truncation and reads like the answer.
- Don't keyword-stuff. It triggers rewrites and reads like spam to humans and models alike.
Once the snippet's tight, make the rest of the page machine-legible: generate an llms.txt so AI crawlers know what to read, and add valid JSON-LD schema so they parse it cleanly. Want this done for you, end to end? That's AI SEO services.
// the AI-readiness workflow
Use the whole toolbox
Each tool does one job. Run them in order and you’ve covered access, identity, structure and preview — the whole AI-readiness loop, in your browser.
01
Check the bots can reach you
Confirm GPTBot, ClaudeBot, PerplexityBot & Google-Extended aren’t blocked in robots.txt.
Open →
02
Tell them who you are
Generate an llms.txt — a clean, structured brief for the AI crawlers.
Open →
03
Mark up your answers
Add FAQPage, Article or Organization JSON-LD — the data layer AI engines trust.
Open →
04
Preview your snippet
See your Google snippet and a stylised AI answer before it goes live.
// you are here
// questions
FAQ
How long should a title tag be? +
How long should a meta description be? +
Why does Google rewrite my title or description? +
Does the meta description affect ranking? +
How does my page show up in AI answers? +
// your move
Want this done
for you?
Founder-led AI SEO — brand signals, citations, real organic growth. We’ll tell you straight whether it fits.