Meta Tag Generator
Generate SEO-optimized meta tags, Open Graph, and Twitter Card tags. Get ready-to-use code in HTML or Next.js format.
Site Information
Enter your website details
18/60 characters (recommended max)
94/160 characters (recommended max)
Recommended size: 1200×630 pixels
Generated Code
<!-- Basic Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Awesome Website</title>
<meta name="description" content="A compelling description of your website that will appear in search results and social shares.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="My Awesome Website">
<meta property="og:description" content="A compelling description of your website that will appear in search results and social shares.">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:site_name" content="My Website">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://example.com">
<meta name="twitter:title" content="My Awesome Website">
<meta name="twitter:description" content="A compelling description of your website that will appear in search results and social shares.">
<meta name="twitter:image" content="https://example.com/og-image.png">
<meta name="twitter:site" content="@yourusername">
<meta name="twitter:creator" content="@yourusername">Preview
How your link might appear when shared
example.com
My Awesome Website
A compelling description of your website that will appear in search results and social shares.