See how your title and description render in Google. Runs in your browser — nothing is stored or sent anywhere.
Google truncates title tags and meta descriptions based on pixel width, not character count. A title made of narrow letters like "illicit" takes far fewer pixels than "MAMMOTH" despite having the same number of characters. The traditional "60 character" rule is a rough average that fails whenever your text skews wide or narrow. This tool measures pixel widths using the same font metrics Google uses in search results, so you see exactly where truncation will happen.
Google allocates roughly 580 pixels for title tags on both desktop and mobile. For descriptions, desktop shows approximately 920 pixels across two lines (about 460 pixels each), while mobile is tighter at around 680 pixels. Toggle between Desktop and Mobile in the preview to check both. If your description fits on desktop but overflows on mobile, you may want to front-load the most important information.
Put your primary keyword and the most compelling information first. Google always truncates from the right, so anything after the cut point is replaced with an ellipsis and lost. Avoid putting your brand name at the beginning if it eats into your keyword space. A common pattern is:
Meta descriptions do not directly affect rankings, but they strongly influence click-through rate. A well-written description acts as ad copy for your organic listing. Include the target keyword naturally (Google bolds matching terms), use active language, and end with a call to action. Keep the most critical selling point within the first 680 pixels so it shows on mobile too.
This tool uses the Canvas API to measure text in 20px Arial (for titles) and 14px Arial (for descriptions), which matches Google's SERP rendering. The measurement runs entirely in your browser; no text is sent to any server. Note that Google occasionally adjusts its rendering engine, so treat the pixel counts as very close approximations rather than guaranteed values.
Clever Marketing