Generator

Meta Tag Generator

Fill in your page details and get perfectly optimized meta tags with live social media previews.

Page Details

Recommended: 50-60 characters
45/60
Recommended: 120-160 characters
137/160

Recommended: 1200x630px for optimal sharing

Live Preview

My Awesome Website
https://example.com/my-page

My Awesome Website — The Best Resource Online

Discover the ultimate resource for developers, designers, and creators. Packed with tools, tutorials, and insights to level up your work.

Generated HTML

meta-tags.html
<!-- Primary Meta Tags -->
<title>My Awesome Website — The Best Resource Online</title>
<meta name="title" content="My Awesome Website — The Best Resource Online" />
<meta name="description" content="Discover the ultimate resource for developers, designers, and creators. Packed with tools, tutorials, and insights to level up your work." />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/my-page" />
<meta property="og:title" content="My Awesome Website — The Best Resource Online" />
<meta property="og:description" content="Discover the ultimate resource for developers, designers, and creators. Packed with tools, tutorials, and insights to level up your work." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="My Awesome Website" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/my-page" />
<meta property="twitter:title" content="My Awesome Website — The Best Resource Online" />
<meta property="twitter:description" content="Discover the ultimate resource for developers, designers, and creators. Packed with tools, tutorials, and insights to level up your work." />
<meta property="twitter:image" content="https://example.com/og-image.jpg" />
<!-- Canonical URL -->
<link rel="canonical" href="https://example.com/my-page" />
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "My Awesome Website — The Best Resource Online",
"description": "Discover the ultimate resource for developers, designers, and creators. Packed with tools, tutorials, and insights to level up your work.",
"url": "https://example.com/my-page",
"image": "https://example.com/og-image.jpg",
"publisher": {
"@type": "Organization",
"name": "My Awesome Website"
}
}
</script>