How to use the meta tag preview
Paste or type the title, meta description and URL of the page you are working on. The two cards update on every keystroke with the character count, the measured pixel width and a bar that turns amber as you approach the limit and red once you have passed it. The message beneath tells you the last word that would survive, so you know whether the important part of your title made it or whether the brand name at the end is what gets dropped. Switch between desktop and mobile with the toggle; the limits and the snippet layout change with it.
The Google preview below the cards is built from the same measurement, so the ellipsis appears exactly where it would in a real result rather than at an arbitrary character count. If the page is a dated article, tick the date option and the description is measured with a "Sep 12, 2026 — " prefix, which is how Google shows most blog posts and news stories. When you are happy, "Copy meta tags" puts a ready-to-paste block of title, description, Open Graph and Twitter card tags on your clipboard.
Why measure in pixels rather than characters
Most advice still says "keep titles under 60 characters", but Google has never worked that way. It renders the title in 20px Arial and truncates whatever spills past roughly 580 pixels on desktop. A title such as "Illinois Tilling Initiative" is 27 characters and only about 240 pixels wide, while "WOMMWOMMWOMM" manages to use 220 pixels with just 12 characters. Counting letters can therefore tell you a title is safe when it is not, or make you cut a perfectly good headline for no reason.
The same is true of descriptions, where the difference between 140 and 165 characters is often the difference between a clean two-line snippet and one that ends mid-sentence. Measuring the real rendered width with the browser's own canvas text engine gives a far better answer than any character rule, and seeing the snippet and the social card side by side helps catch problems such as a title that reads well in the tab bar but loses its meaning once the first few words are all that show.