SERP Snippet Preview

Google does not cut titles at a fixed number of characters. It cuts them when the rendered text runs out of room in the result container, so the real limit is a pixel width. A title full of narrow letters like "i", "l" and "t" can run past 70 characters and still fit, while one packed with capitals, "M" and "W" can be cut at 50.

This preview measures your text the same way a browser draws it. In your browser it creates an off-screen canvas, sets the font to Arial at 20px for the title and 14px for the description, and calls measureText() to get the exact width. It then finds the longest run of whole words that still fits with an ellipsis added, which is how a cut-off result looks in Google.

• Title: checked against about 600px, the usual width of a desktop result.
• Description: checked against about 920px on desktop (roughly two lines) and about 680px on mobile.
• URL: turned into the breadcrumb Google shows above the title, for example https://www.example.com › tools › investing.

These widths are approximations based on Google's current layout. Google changes result widths and font sizes without announcing it, so leave a small margin rather than filling every last pixel.

Paste your live title and description exactly as they appear in the page source. That includes the brand suffix your CMS adds, such as " | Example", which often pushes a title over the limit.

• Aim for about 90%: a green bar with 30 to 60px to spare survives small layout changes.
• Switch devices: check both views before you publish, especially for descriptions.
• Use a clean URL: short, readable folder names make a clearer breadcrumb than IDs or query strings.
• Check after indexing: search site:yourdomain.com/page a week or two after publishing to see whether Google kept your title or wrote its own.

Everything runs in your browser. Nothing you type is sent anywhere.