Meta Tag Details
Basic Meta Tags
Recommended: 50-60 characters for optimal display in search results
Recommended: 150-160 characters. This appears in search results.
Comma-separated list. Note: Most search engines ignore this tag.
The preferred URL for this page (prevents duplicate content issues)
Open Graph (Facebook, LinkedIn)
Leave fields empty to use basic meta values as fallback
Recommended: 1200x630px for optimal display
Twitter Card
Leave fields empty to use Open Graph values as fallback
Recommended: 1200x600px for large image card
Preview
Google Search Result Preview
Your Page Title Here
Your meta description will appear here. Write a compelling description to encourage clicks from search results.
Google may rewrite titles and descriptions based on the search query. Aim for 50-60 characters for titles and 150-160 for descriptions.
Generated Meta Tags
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">How to use: Copy these meta tags and paste them inside the <head> section of your HTML document, before the closing </head> tag.
About SEO Meta Tag Generator
Generate complete SEO meta tags for your web pages with our free online meta tag generator. Create essential tags including title, description, keywords, canonical URL, and robots directives. Generate Open Graph tags for rich Facebook and LinkedIn previews, plus Twitter Card tags for optimized Twitter sharing. See live previews of how your page will appear in Google search results, Facebook shares, and Twitter posts. Character counters help you stay within optimal lengths for maximum impact. All processing happens locally in your browser - your content never leaves your device.
What Meta Tags Does This Tool Generate?
Basic Meta Tags
Title, description, keywords, author, canonical URL, and robots directives.
Open Graph Tags
og:title, og:description, og:image, og:type, og:url, and more for Facebook and LinkedIn sharing.
Twitter Card Tags
twitter:card, twitter:title, twitter:description, twitter:image for rich Twitter previews.
Optimal Character Lengths
Page Title
50-60 characters recommended. Google typically displays the first 50-60 characters.
Meta Description
150-160 characters recommended. Google may show up to 320 characters on desktop.
OG Title
60 characters optimal, max 95. Titles longer than this may be truncated on Facebook.
OG Description
Up to 200 characters optimal. Facebook shows about 2-3 lines of description.
Why Are Meta Tags Important?
- Search Engine Optimization - Well-crafted titles and descriptions can improve click-through rates from search results
- Social Media Sharing - Open Graph and Twitter Card tags control how your content appears when shared
- Brand Consistency - Consistent meta tags help maintain your brand image across platforms
- User Experience - Descriptive previews help users understand what your page offers before clicking
- Duplicate Content Prevention - Canonical URLs help search engines understand your preferred page version
Frequently Asked Questions
What are Open Graph tags?
Open Graph tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and Pinterest. They specify the title, description, image, and type of content.
What's the difference between Summary and Summary Large Image Twitter cards?
Summary cards show a small thumbnail image on the left with text on the right. Summary Large Image cards display a large image above the title and description, providing more visual impact and typically higher engagement.
What size should my OG image be?
The recommended size for Open Graph images is 1200 x 630 pixels with a 1.91:1 aspect ratio. This works well on most platforms. For Twitter Large Image cards, 1200 x 600 pixels (2:1 ratio) is optimal.
Do I need to fill in all the fields?
No, only the page title and meta description are essential. Twitter and Open Graph tags will fall back to basic meta tags if not specified. However, customizing them allows you to optimize content for each platform.
Where do I put these meta tags?
Place all meta tags inside the <head> section of your HTML document, before the closing </head> tag. The order doesn't matter, but keeping them organized (basic, then OG, then Twitter) improves readability.
How can I test my meta tags after adding them?
Use Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector to test how your pages appear. Google Search Console can help validate basic meta tags.