Meta Tag Generator

Generate SEO, Open Graph, Twitter, and PWA meta tags with live preview.

0/60

Keep titles between 30–60 characters.

0/160

Aim for 120–160 characters. Include a primary keyword.

Prevents duplicate-content penalties.

Preview
www.example.com › page

Page Title

Your meta description will appear here. Write a compelling summary to improve click-through rates.

⚠ Heads up

Title is empty — Google will pull a heading from the page instead.

Description is empty — Google will auto-generate one from page content.

No canonical URL — duplicate-content risk if reachable at multiple URLs.

No og:image — your page won't generate a preview card on social platforms.

SEO Best Practices

  • · Place your primary keyword near the beginning of the title.
  • · Each page should have a unique title and meta description.
  • · Write descriptions that entice clicks, not just keyword stuffing.
  • · Google may rewrite your snippet — this is a preview, not a guarantee.
Generated Meta Tags
<!-- Primary Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-language" content="en" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />

<!-- Mobile / PWA -->
<meta name="theme-color" content="#3b82f6" />