🧰Tools 🗜️ Compression🔄 Conversion✏️ Editing📄 PDF Tools⚡ Optimization🌐 Web Tools🧰 All Tools (69)
📱 Android App 📝 Blog 👋 About

Web Tools · Free · No signup

Generate SEO & Social Meta Tags in One Click

Fill in a title, a description and a URL — get a complete, copy-paste-ready block: SEO basics (title, description, robots, canonical), Open Graph tags for Facebook, LinkedIn and WhatsApp, and Twitter card tags. Live counters warn you before a title passes ~60 characters or a description passes ~160, the two limits where search results start truncating. A Google-style preview shows how your snippet may look in results. Everything is generated locally — nothing is submitted anywhere.

🔒 100% private: everything runs inside your browser — nothing is uploaded, stored or logged.

How it works

  1. Type your page title (aim for ≤60 characters) and description (aim for ≤160).
  2. Enter the canonical URL, the social share image URL and your site name.
  3. Pick the robots rule (usually index, follow) and the Twitter card size.
  4. Press Generate, review the preview, then copy the tag block into your page's .

Features

Complete tag block

Charset, viewport, title, description, robots, canonical, Open Graph and Twitter card — one consistent snippet, no tag forgotten.

Live length counters

Title and description counters turn red past the truncation thresholds, so you fix the copy before it ships.

Google-style snippet preview

See your title, URL and description the way a search result may render them.

OG + Twitter in one pass

The same fields feed Open Graph (og:title, og:image…) and Twitter (twitter:card, twitter:title…) without retyping.

100% local generation

Tags are assembled by JavaScript in your browser. Unpublished titles and drafts stay private.

Input & output. Input: plain text fields + URLs. Output: an HTML / block ready to paste into the of any static page, template or CMS.

Common use cases

Limitations (honest ones)

Generated tags follow current common practice, but platforms cache social images — after changing an og:image you may need their debugger to refresh. The Google preview is a close approximation, not a guarantee: Google may rewrite titles and descriptions. The tool writes tags; making a site actually serve them is up to your template or CMS.

Frequently asked questions

Which tags matter most for SEO in the block?

The title and meta description drive what users see in results; the canonical prevents duplicate-URL issues; robots controls indexing. Open Graph and Twitter tags affect social sharing, not ranking — but they affect click-through.

What size should my og:image be?

1200×630 pixels is the safe standard for Facebook/LinkedIn. Keep important content in the middle and keep the file under ~1 MB. Our OG Image Generator can make one.

Why is my description truncated in the preview?

Google truncates around 155–165 characters on desktop. The counter turns red at 160 so you can trim before publishing.

Do I need both Open Graph and Twitter tags?

X (Twitter) falls back to Open Graph when twitter: tags are missing, but declaring twitter:card explicitly guarantees the card style you want (summary vs summary_large_image).

Where exactly do I paste the output?

Inside the element of your HTML, after any stylesheet links. In a CMS, use the SEO or head-code field the platform provides.

Keep going

Related tools

CompressoPanda Android app icon

On mobile?

Working from your phone?

This tool runs in any mobile browser — no app needed. And for the image & PDF side of the toolbox, the CompressoPanda Android app ships 36 tools that run with no connection at all: compression to target size, editing and PDF essentials included.