Preview how title, URL, and description render in Google SERP on desktop and mobile. Auto-detects truncation.
๐Ÿ–ฅ๏ธ Desktop SERP
๐Ÿ“ฑ Mobile SERP

How to use

  1. Enter title, URL, and description.
  2. Desktop and mobile previews render live.
  3. Check whether title and description get truncated.
  4. Add date, favicon, or dark mode for accurate simulation.
  5. Once finalized, generate code with the Meta Tag Generator.

Key features

  • Desktop & mobile preview using Google's actual widths
  • Auto-validates title 600px / desc 920px recommended bounds
  • Real-time char and pixel measurement
  • Dark mode simulation
  • Favicon, date, breadcrumb display

Use cases

  • Before publishing a new page โ€” predict how it'll look in search
  • Improving existing pages โ€” fix truncated titles/descriptions
  • CTR optimization โ€” A/B test candidate headlines
  • Competitor analysis โ€” simulate rival pages
  • E-commerce SERP โ€” include price/stock info

How Google truncates SERP entries

Google truncates by pixel width. Title โ‰ˆ 600px (50โ€“60 Latin chars), description โ‰ˆ 920px (120โ€“160 Latin chars) is safe. CJK characters are wider, so the same char count truncates earlier. Mobile is narrower so titles often wrap to 2โ€“3 lines.

FAQ

Will my SERP look exactly like this?

Close, but Google may rewrite the description based on the search query, so actual results vary.

Why does mobile look narrower?

Mobile SERP is narrower so titles wrap to 2โ€“3 lines and descriptions to 4โ€“5. This tool uses a 380px iPhone width.

How does the favicon show?

Favicons appear in mobile SERP. 16ร—16 or 32ร—32 SVG/PNG is recommended. Without a URL, a default icon shows.

What about rich snippets (stars, price)?

Currently only basic SERP is shown. Rich snippets require precise JSON-LD structured data.