About This Tool

Google does not truncate meta descriptions by character count — it truncates by pixel width. On desktop, the limit is approximately 920px; on mobile it is around 680px, both rendered in Arial 14px. A 160-character description made up of narrow characters like i l t ! may fit, while the same count of wide characters like W M m will be cut off.

This tool measures pixel width using an HTML5 <canvas> context set to 14px Arial — the closest browser approximation to Google's rendering engine. The character soft limits (120–158) remain useful as a proxy and are widely cited in SEO tools, but pixel width is the definitive measure.

Bulk mode lets you audit an entire list of meta descriptions at once — paste them in, see statuses, pixel widths, and character counts for every row simultaneously.

How to Use

Single mode

Type or paste your meta description into the text area — character count, pixel width, and the SERP preview update live.
Optionally add your page title, URL, and target keyword. The keyword will be highlighted in bold inside the preview exactly as Google bolds keyword matches.
Switch between Desktop and Mobile views to see how the description is truncated on each device.
Review the checks panel — aim for 0 warnings on the core length checks before publishing.
Click Copy Tag to get the ready-to-paste <meta name="description"> HTML tag.

Bulk mode

Switch to Bulk tab and add rows for each page you want to audit.
Paste descriptions into each row — status badge, mini pixel bar, char count, and pixel count update immediately.
Click "Add Row" to add more pages. Fix any "Truncated" or "Too short" rows before publishing.

Logic & Algorithm

Pixel measurement

A single hidden <canvas> element is created on first use. Its 2D context is set to font = "14px Arial, sans-serif". CanvasRenderingContext2D.measureText(text).width returns a floating-point pixel width, which is rounded to the nearest integer. This method runs synchronously and adds no network requests.

Truncation preview

To generate the truncated SERP string, the text is iterated character-by-character, accumulating pixel widths until the device limit is exceeded — at that point the string is sliced and an ellipsis (…) is appended. This mirrors Google's approximate behaviour.

Keyword highlighting

A case-insensitive indexOf search finds the first occurrence of the keyword in the SERP title and description strings. The match is split into three segments (before, match, after) and rendered with separate <span> elements — the matching segment gets the .kw bold style, identical to how Google bolds keyword matches in organic results.

Validation checks

Warning — under 120 chars; over 158 chars; over 920px desktop; over 680px mobile; keyword absent from description; double spaces; ALL-CAPS words; no terminal punctuation.