Since 2010 · Powering 2M+ tool runs every month
Since 2010
Add to Chrome

My Toolbox

Automatic Mode

No saved tools yet.

Go Premium
Related tools
YouTube Tag ExtractorOpen Graph CheckerTwitter/X Character CounterSocial Media Post Time OptimizerTwitter/X Timestamp Converter
Home Page > Webmaster Tools

Meta Tag Generator

Generate SEO meta tags, Open Graph tags, and Twitter Card tags with live preview for Google, Facebook, and X (Twitter). Real-time character counters and one-click copy.

Free to useNo sign-up requiredUpdated Feb 2026
Meta Tag GeneratorTry it now — free ▼

⚡ Quick Examples — try one to see all features:

Blog Article E-Commerce Product Portfolio Site
Recommended: 50-60 characters for Google search results
Recommended: 150-160 characters for optimal display in search results
Comma-separated keywords (limited SEO impact, but still used by some engines)
The preferred URL for this page (prevents duplicate content issues)
Optional
Controls responsive behavior on mobile devices
ℹ Open Graph tags control how your page appears when shared on Facebook, LinkedIn, Pinterest, and other social platforms. If left empty, these fields can fall back to your Basic SEO values.
Recommended: 1200 x 630 pixels, under 5 MB
ℹ Twitter Card tags control how your page appears when shared on X (Twitter). If left empty, X will fall back to your Open Graph tags.
summary_large_image is recommended for most content
Recommended: 1200 x 628 pixels for summary_large_image
Your X @username
Content creator's @username
👁 Live Preview
🌐 example.com
Your Page Title
Your page description will appear here. Write a compelling description to improve click-through rates from search results.
⬚ No image set — add og:image URL
example.com
Your Open Graph Title
Your Open Graph description will appear here.
⬚ No image set — add twitter:image URL
Your Twitter Card Title
Your Twitter Card description will appear here.
🔗 example.com

Embed Meta Tag Generator Widget

About Meta Tag Generator

The Meta Tag Generator creates SEO-optimized meta tags, Open Graph tags, and Twitter Card tags for your website with live preview. See exactly how your page will appear in Google search results, Facebook posts, and X (Twitter) cards before publishing. Real-time character counters help you stay within recommended limits for maximum visibility.

What Are Meta Tags?

Meta tags are HTML elements placed in the <head> section of your webpage that provide metadata to search engines and social media platforms. They don't appear on the page itself, but they significantly influence how your page is discovered, indexed, and displayed across the web.

Types of Meta Tags This Tool Generates

CategoryTagPurpose
SEO<title>Page title shown in search results and browser tab
SEOmeta descriptionSummary snippet displayed under the title in search results
SEOmeta keywordsComma-separated keywords (limited SEO impact today)
SEOmeta robotsControls search engine crawling and indexing behavior
SEOlink canonicalSpecifies the preferred URL to prevent duplicate content
Socialog:titleTitle shown when shared on Facebook, LinkedIn, etc.
Socialog:descriptionDescription shown in social media share cards
Socialog:imageImage displayed in social media share previews
X/Twittertwitter:cardCard type: summary or summary_large_image
X/Twittertwitter:siteYour X (Twitter) @username

Recommended Character Limits

Google Title
50–60
characters
Google Description
150–160
characters
OG Title
60–90
characters
OG Description
100–200
characters
Twitter Title
50–70
characters
Twitter Desc
Under 200
characters
Pro Tip: Write different titles and descriptions for SEO, Open Graph, and Twitter Cards. Each platform has different display limits and contexts — a search result title should be keyword-rich, while a social media title should be engaging and shareable.

How to Use This Meta Tag Generator

  1. Fill in Basic SEO tags: Enter your page title (50-60 characters recommended), meta description (150-160 characters), keywords, select robots directive, charset, and optionally add a canonical URL.
  2. Add Open Graph tags: Switch to the Open Graph tab and enter your OG title, description, image URL, page URL, site name, and content type for optimal social sharing on Facebook and LinkedIn.
  3. Configure Twitter Card tags: Switch to the Twitter Card tab to set the card type (summary or summary_large_image), title, description, image URL, and your X @username.
  4. Preview your tags: Check the live preview panels showing how your page will appear in Google search results, Facebook posts, and X (Twitter) cards.
  5. Generate and copy: Click "Generate Meta Tags" to see the complete HTML code with syntax highlighting. Click "Copy Code" and paste it into your page's <head> section.

Open Graph Image Best Practices

  • Recommended size: 1200 x 630 pixels (1.91:1 aspect ratio)
  • Minimum size: 200 x 200 pixels (Facebook requires at least this)
  • File size: Under 5 MB for best performance
  • Format: JPEG, PNG, or WebP
  • Safe area: Keep important text/logos within the center 80% of the image

Twitter Card Types

  • summary: Small card with square thumbnail (144x144 min). Best for articles and general content.
  • summary_large_image: Large card with prominent image (1200x628 recommended). Best for blog posts, landing pages, and visual content.
Note: If you don't set Twitter Card tags, X (Twitter) will automatically fall back to your Open Graph tags. However, setting both gives you full control over how your content appears on each platform.

Frequently Asked Questions

What are meta tags and why are they important for SEO?

Meta tags are HTML elements placed in the <head> section of a webpage that provide metadata about the page to search engines and social media platforms. Key meta tags include the title tag (displayed in search results), meta description (summary shown below the title in search results), and robots tag (controls search engine crawling). Well-crafted meta tags improve click-through rates from search results and ensure your content displays correctly when shared on social media.

What are Open Graph tags and how do they work?

Open Graph (OG) tags are meta tags developed by Facebook that control how your webpage appears when shared on social media platforms like Facebook, LinkedIn, and Pinterest. Key OG tags include og:title, og:description, og:image, og:url, and og:type. When someone shares your URL, these platforms read the OG tags to generate a rich preview card with your specified title, description, and image.

What are Twitter Card tags?

Twitter Card tags (now X Card tags) are meta tags that control how your content appears when shared on X (formerly Twitter). The main types are summary (small thumbnail) and summary_large_image (large featured image). Key tags include twitter:card (card type), twitter:title, twitter:description, twitter:image, and twitter:site (your @username). If Twitter Card tags are not set, X will fall back to Open Graph tags.

What is the ideal length for meta title and description?

For SEO, the recommended meta title length is 50-60 characters (Google typically displays up to 60 characters or approximately 600 pixels wide). The meta description should be 150-160 characters (Google may truncate longer descriptions). For Open Graph, titles should be 60-90 characters and descriptions 100-200 characters. For Twitter Cards, titles are best at 50-70 characters with descriptions under 200 characters.

Do I need both Open Graph and Twitter Card tags?

While X (Twitter) will fall back to Open Graph tags if no Twitter Card tags are present, it is best practice to include both. Twitter Card tags allow you to customize the card type (summary vs summary_large_image) and include your @username, which are not possible with OG tags alone. Having both ensures optimal display across all platforms.

What image size should I use for Open Graph and Twitter Cards?

For Open Graph images, the recommended size is 1200 x 630 pixels (1.91:1 ratio) with a minimum of 200 x 200 pixels. For Twitter Cards with summary_large_image, use 1200 x 628 pixels; for summary cards, use 144 x 144 pixels minimum (up to 4096 x 4096). Using a single 1200 x 630 pixel image works well for both platforms.

Additional Resources

Reference this content, page, or tool as:

"Meta Tag Generator" at https://MiniWebtool.com/meta-tag-generator/ from MiniWebtool, https://MiniWebtool.com/

by miniwebtool team. Updated: Feb 06, 2026

Developer API available: Run this tool from your app, automation, or agent with one JSON HTTP request. View API docs

Webmaster Tools:

Top & Updated:

Hreflang Tag GeneratorCSS Flexbox PlaygroundHtaccess Redirect GeneratorView all →
Home Page > Webmaster Tools > Meta Tag Generator