Meta Tag Generator

Create SEO, Open Graph, and Twitter Card meta tags in seconds. Live counters and one-click copy.

Page Details

Title15/60

Description72/160

Canonical URL

Site Name

Image URL (1200×630 recommended)

Twitter Handle

OG Type

Locale

Author

Keywords (comma-separated)

Generated HTML

<title>My Awesome Page</title>
<meta name="description" content="A concise 120–160 character description of this page for search engines." />
<meta name="keywords" content="keyword one, keyword two, keyword three" />
<meta name="author" content="Example Author" />
<link rel="canonical" href="https://example.com/page" />

<!-- 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 concise 120–160 character description of this page for search engines." />
<meta property="og:site_name" content="My Site" />
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:locale" content="en_US" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@example" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A concise 120–160 character description of this page for search engines." />
<meta name="twitter:image" content="https://example.com/og.png" />

Tip: Paste these tags inside the <head> of your HTML document. The image URL must be publicly accessible and ideally 1200×630 for optimal social card rendering.

<title>My Awesome Page</title> <meta name="description" content="A concise 120–160 character description of this page for search engines." /> <meta name="keywords" content="keyword one, keyword two, keyword three" /> <meta name="author" content="Example Author" /> <link rel="canonical" href="https://example.com/page" />  <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 concise 120–160 character description of this page for search engines." /> <meta property="og:site_name" content="My Site" /> <meta property="og:image" content="https://example.com/og.png" /> <meta property="og:locale" content="en_US" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@example" /> <meta name="twitter:title" content="My Awesome Page" /> <meta name="twitter:description" content="A concise 120–160 character description of this page for search engines." /> <meta name="twitter:image" content="https://example.com/og.png" />