SERP Preview
See how your content appears across Google's surfaces
Preview how your content appears across Google's search surfaces. Pixel widths use canvas text rendering for accuracy, not character counting.
How this works
Pixel-width measurement: Google truncates titles and descriptions based on rendered pixel width, not character count. "WWWWW" takes far more space than "iiiii" at the same character count. This tool renders your text in Arial (Google's SERP font) on a hidden canvas and measures the actual pixel width.
Title truncation: Desktop titles truncate at roughly 580px rendered in 20px Arial. Mobile is slightly narrower at around 550px. Titles beyond this get an ellipsis. The sweet spot is under 520px, which avoids truncation even with wider characters.
Description truncation: Descriptions get roughly 920px across two lines on desktop (460px per line in 14px Arial). Google sometimes rewrites descriptions from page content if it thinks the meta description doesn't match the query, so this preview shows the best case.
AI Overview citations: When Google's AI Overview cites your page, it appears as a small source card with your site name, favicon and title. The preview shows your card highlighted alongside placeholder competitors. Whether your content gets cited depends on authority, relevance and content structure, not anything you can control from metadata alone.
Social cards: Facebook and LinkedIn use Open Graph tags (og:title, og:description, og:image) to render link previews. The recommended OG image ratio is 1.91:1 (1200x630px). Without an image, social shares look significantly less engaging.