Is Meta Tag Generator free to use?

Yes. Meta Tag Generator is completely free with no account, sign-up, or subscription required.

Does Meta Tag Generator store or upload my data?

No. All processing runs locally in your browser. Nothing is sent to any server, so your data stays private.

Does Meta Tag Generator work offline?

Yes. Once the page has loaded, Meta Tag Generator works without an internet connection.

Which browsers does Meta Tag Generator support?

Meta Tag Generator works in all modern browsers including Chrome, Firefox, Safari, and Edge on desktop and mobile.

🏷️

Meta Tag Generator

Generate production-ready SEO, Open Graph, and Twitter Card meta tags with live previews of Google search results, Twitter cards, and Facebook link previews.

Basic SEO

Page Title 0/60

Meta Description 0/160

Canonical URL

Author

Keywords (comma-separated)

Robots Directives

index follow noarchive nosnippet

Theme Color

Open Graph Facebook · LinkedIn

OG Title 0/95

OG Description 0/200

OG Image URL

Image Dimensions

× px

OG Type

Site Name

OG URL

Twitter / X Card

Card Type

Twitter Site Handle

Twitter Creator Handle

Twitter Title 0/70

Twitter Description 0/200

Twitter Image URL

Search result preview

Fill in a title or description to see the Google preview.

Twitter / X card preview

No image URL provided

example.com

Your page title will appear here

Your description will appear here, up to two lines of text.

Facebook link preview

example.com

Your page title will appear here

Your description will appear here.

Generated HTML

<!-- Start filling in the form to generate your meta tags -->

Tip: Place these tags inside your page's <head>. Canonical and OG URL should match your page's final, canonical address.

How to use

Enter a page title (under 60 chars) and a meta description (150–160 chars) — keep them compelling and keyword-rich.
Add the canonical URL plus a featured image URL (1200×630 ideal) so social previews look right.
Preview the Google, Twitter, and Facebook cards, then copy the generated HTML into your page's <head>.

FAQ

The meta description doesn't directly affect ranking, but it significantly affects click-through rate — which does. A compelling description can lift clicks 20–30%, sending a positive engagement signal. The page title is a direct ranking factor and should include your primary keyword naturally.

Inside the <head> of your HTML, before </head>. For WordPress use a plugin like Yoast or RankMath; for Next.js use the <Head> or Metadata API; for Webflow paste into the page's custom code head section.

Social platforms aggressively cache OG data. Force a refresh with Facebook Sharing Debugger, LinkedIn Post Inspector, or Twitter Card Validator. For Google, submit the URL to Search Console to speed up re-crawl.