Meta Tag Generator

Generate SEO-optimized meta tags including Open Graph and Twitter Card tags.

Page Title

Description

Keywords (comma separated)

Author

Canonical URL

OG Image URL

Site Name

Twitter Handle

Robots

Theme Color

Description: 52/160 chars

Generated Tags

<!-- Primary Meta Tags -->
<title>My Awesome Page</title>
<meta name="title" content="My Awesome Page" />
<meta name="description" content="This is a description of my page for search engines." />
<meta name="keywords" content="next.js, react, web development" />

<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#6366f1" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="This is a description of my page for search engines." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="My Site" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com" />
<meta property="twitter:title" content="My Awesome Page" />
<meta property="twitter:description" content="This is a description of my page for search engines." />
<meta property="twitter:image" content="https://example.com/og-image.jpg" />
<meta property="twitter:site" content="@mysite" />