Meta Tag Generator

Q: 1. What is the ideal title length for SEO?

Google typically displays the first 50-60 characters of a page title. Longer titles are truncated in search results. It is best practice to include your primary keywords at the beginning of the title.

Q: 3. Why do I need separate Open Graph and Twitter tags?

Different platforms use different standards. Open Graph (og:tags) is used by Facebook, LinkedIn, WhatsApp, and Slack. Twitter Cards are specific to the X/Twitter platform. Setting both ensures your content always looks its best regardless of where it is shared.

Q: 4. What is a 'Canonical URL' and why is it important?

A Canonical URL tells search engines which version of a page is the 'original' or 'authoritative' one. This prevents SEO penalties associated with duplicate content if the same page can be accessed via different URLs.

Q: 5. What is the best image size for Open Graph previews?

The ideal size for Open Graph images is 1200 x 630 pixels. This 1.91:1 aspect ratio ensures that your preview image fits perfectly across Facebook, Twitter (Large card), LinkedIn, and other major platforms.

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

1. What is the ideal title length for SEO?

Google typically displays the first 50-60 characters of a page title. Longer titles are truncated in search results. It is best practice to include your primary keywords at the beginning of the title.

2. Do meta descriptions directly affect search rankings?

Meta descriptions do not directly influence search algorithms, but they are critical for Click-Through Rate (CTR). A compelling description that accurately summarizes the page will encourage more users to click on your link over competitors.

3. Why do I need separate Open Graph and Twitter tags?

Different platforms use different standards. Open Graph (og:tags) is used by Facebook, LinkedIn, WhatsApp, and Slack. Twitter Cards are specific to the X/Twitter platform. Setting both ensures your content always looks its best regardless of where it is shared.

4. What is a 'Canonical URL' and why is it important?

A Canonical URL tells search engines which version of a page is the 'original' or 'authoritative' one. This prevents SEO penalties associated with duplicate content if the same page can be accessed via different URLs.

5. What is the best image size for Open Graph previews?

The ideal size for Open Graph images is 1200 x 630 pixels. This 1.91:1 aspect ratio ensures that your preview image fits perfectly across Facebook, Twitter (Large card), LinkedIn, and other major platforms.