Meta Tag Generator

100% Free · Client-Side

Create perfect HTML meta tags for SEO. Includes Open Graph and Twitter Card generation with live previews.

Metadata Settings

Page Title27 / 60

Description83 / 160

Canonical URL

Image (Open Graph / Twitter)

Optimal size is 1200 x 630 pixels. Select local file or enter URL.

Keywords (Comma separated)

Author

Twitter Handle

Theme Color (Mobile Chrome)

Allow Indexing

Follow Links

CampaignMorph Team

https://campaignmorph.com

Awesome Campaign Morph Tool

Boost your productivity with the ultimate suite of free marketing and design tools.

Generated HTML

<title>Awesome Campaign Morph Tool</title> <meta name="title" content="Awesome Campaign Morph Tool"> <meta name="description" content="Boost your productivity with the ultimate suite of free marketing and design tools."> <meta name="keywords" content="free tools, marketing, design, productivity, SaaS"> <meta name="author" content="CampaignMorph Team"> <meta name="language" content="en"> <meta name="robots" content="index, follow"> <meta name="theme-color" content="#4F46E5">  <meta property="og:type" content="website"> <meta property="og:url" content="https://campaignmorph.com"> <meta property="og:title" content="Awesome Campaign Morph Tool"> <meta property="og:description" content="Boost your productivity with the ultimate suite of free marketing and design tools."> <meta property="og:image" content="https://campaignmorph.com/og-image.jpg">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://campaignmorph.com"> <meta property="twitter:title" content="Awesome Campaign Morph Tool"> <meta property="twitter:description" content="Boost your productivity with the ultimate suite of free marketing and design tools."> <meta property="twitter:image" content="https://campaignmorph.com/og-image.jpg"> <meta property="twitter:creator" content="@campaignmorph">

What is the Meta Tag Generator?

The Meta Tag Generator creates all essential HTML meta tags for your web page — including SEO title/description tags, Open Graph (Facebook/LinkedIn), Twitter Card meta tags, and Robots directives. Preview how your page will appear in Google search results and social media shares, then copy the generated code directly into your HTML <head>.

Meta Tag Categories

🔍 SEO Meta Tags

Title and description tags used by search engines. The title (50–60 chars) and description (150–160 chars) appear directly in Google search results.

📘 Open Graph Tags

OG tags control how your page looks when shared on Facebook, LinkedIn, WhatsApp, and Slack — including custom thumbnail, title, and description.

🐦 Twitter Card Tags

Twitter/X-specific meta tags that control the card format (summary, large image) and preview when your link is shared in a tweet.

🤖 Robots Tags

Control whether search engines should index your page and follow links. Use noindex for private or duplicate pages.

Common Use Cases

Generate meta tags for a new blog post or landing page for better SEO
Create Open Graph tags to control your page's social media preview image
Add canonical URL meta tags to prevent duplicate content penalties
Set noindex, nofollow on staging or admin pages to prevent search indexing
Audit existing pages by previewing how their current meta tags appear in search

Frequently Asked Questions

What's the ideal title length for SEO?

Google typically displays 50–60 characters. Longer titles are truncated with "…". Include your primary keyword near the beginning for best results.

Do meta description tags directly affect SEO ranking?

Not directly — but they affect click-through rate (CTR), which indirectly influences ranking. A compelling description that includes your keywords gets more clicks from search results.

Why do I need separate og:title and Twitter card tags?

Different platforms use different meta standards. Open Graph is used by Facebook, LinkedIn, and WhatsApp; Twitter/X uses its own card system. Setting both ensures your content previews correctly everywhere.