What meta tags can I generate?

SEO, Open Graph, and Twitter Card tags.

Is it beginner-friendly?

Yes, it provides live preview and easy inputs.

SEO · OG · Twitter Card

Meta TagGenerator

Fill in your page details — get production-ready meta tags for Google SEO, Open Graph (Facebook/LinkedIn), and Twitter Card instantly.

Page Title15/60Optimal: 50–60 chars. Include primary keyword near the start.

Meta Description56/160Optimal: 150–160 chars. Include a clear call to action.

Keywords

Canonical URL

Author

Robots

Language

https://example.com/page

My Awesome Page

A professional description under 160 characters for SEO.

Generated Tags

<!-- Charset & Viewport -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Primary SEO -->
<title>My Awesome Page</title>
<meta name="description" content="A professional description under 160 characters for SEO." />
<meta name="keywords" content="web, development, tools" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/page" />
<html lang="en">
<meta name="theme-color" content="#1462D4" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A professional description under 160 characters for SEO." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="My Site" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A professional description under 160 characters for SEO." />
<meta name="twitter:image" content="https://example.com/og-image.png" />
<meta name="twitter:site" content="@mysite" />