Meta Tag Generator

This free meta tag generator builds a complete, copy-ready head block for any page: title tag, meta description, canonical URL, the full Open Graph set and the full Twitter card set. As you type, you see live previews of the Google search snippet, the Facebook and LinkedIn card, and the X card, so you know exactly how your link will look before you publish. Everything runs in your browser and nothing you type is uploaded anywhere.

I built this because I kept bouncing between three separate preview sites and a text editor every time I shipped a page, and I still managed to push a title that Google chopped mid-word. The pixel-width counter on the title field exists because character counts alone lied to me: Google truncates by pixels, not letters, so a title full of wide capitals gets cut sooner than a lowercase one of the same length. Pair this with the OG image generator and you can take a page from blank head section to share-ready in a few minutes.

How to use

1. Type your page title and watch the Google preview update, with character and pixel counters that warn you once you pass roughly 60 characters.
2. Write your meta description in the next field; the counter flags anything beyond about 160 characters, the point where Google usually truncates.
3. Add your canonical URL and site name so the canonical link and the matching Open Graph tags are filled in correctly.
4. Paste the URL of your social share image and add your X handle to complete the card markup.
5. Check the Facebook, LinkedIn and X previews to confirm the image, title and description all look right together.
6. Click the copy button and paste the finished head block into your page template, CMS or theme.

Why use our meta tag generator?

The live preview is the whole point. Meta tag mistakes are invisible in a code editor and painfully visible in search results: a truncated title, a description that trails off, a share card with no image. Seeing the actual Google snippet and social cards while you type turns guesswork into a quick visual check, and you fix problems before anyone else ever sees them.

The counters are honest about how truncation really works. Google cuts titles by pixel width, not by a fixed character count, which is why this tool measures both. It warns you past roughly 60 characters and around the pixel limit, but it never pretends there is one magic number. Google's own snippet documentation confirms that snippets can also be rewritten, so I treat the preview as your best draft, not a guarantee.

You get the complete set in one copy, not fragments. The output includes the title, description, canonical link, every Open Graph tag a Facebook or LinkedIn share needs, and the full Twitter card block for X. Half-finished social markup is the most common issue I see on small business sites, and it is usually because the tags were added one at a time from different tutorials.

Nothing leaves your machine. There is no signup, no account and no server processing your drafts, which matters when you are writing tags for an unannounced product page. I refuse to add tracking to a tool whose entire job is helping you look good in other people's feeds.

It also keeps your on-page work connected. Titles and descriptions are only half of the job, so once the head block is done I usually run the body copy through the SEO content analyzer to check the basics before publishing.

Who is this tool for?

Shopify and Etsy sellers use this for product and collection pages. A product title that reads well in your store admin often overflows in Google, and the preview makes that obvious in seconds. Writing a tight 155-character description for your bestseller is a small job that pays off every time the page appears in results.

Freelance designers and small agencies use it during handoff. Instead of leaving meta tags as a to-do for the client, you can fill the form from the project brief, copy the block into the template and deliver pages that share cleanly on day one. It is a five-minute step that makes the whole build feel finished.

Bloggers and newsletter writers fix ugly shares with it. If your posts show up on X or LinkedIn as a bare link with no image, pasting your image URL and copying the card markup solves it permanently. While you are tidying up, a clean URL from the slug generator rounds out the job.

In-house marketers use it for audits. Open an old landing page, rebuild its tags in the form, and compare what the preview shows against what the page currently has. I have found missing canonicals and duplicated titles this way on pages that had been live for years.

Frequently asked questions