Meta Tags Generator
Create Open Graph and Twitter Card tags for perfect social sharing
Page Information
Basic details about your page
Share Image
Image shown when shared on social media
Twitter / X
Twitter Card settings
🏷️ What Are Social Meta Tags?
Social meta tags are HTML elements that control how your content appears when shared on social media platforms. They live in the <head> section of your webpage and tell platforms like Facebook, Twitter, and LinkedIn exactly what title, description, and image to display.
Without proper meta tags, social platforms will attempt to guess this information—often displaying the wrong image, a truncated title, or an irrelevant description. Properly configured tags can significantly boost click-through rates and engagement.
Tag Structure
📘 Open Graph Tags Reference
Open Graph protocol was created by Facebook in 2010 and has become the standard for social sharing across most platforms including LinkedIn, Pinterest, Slack, and even Twitter (as a fallback).
| Tag | Description | Status |
|---|---|---|
og:title |
The title of your page as it should appear in the share card (55-60 chars optimal) | Required |
og:description |
A brief summary of the content (110-160 chars optimal) | Required |
og:image |
Full URL to the image displayed in the share card | Required |
og:url |
The canonical URL of the page (without tracking parameters) | Required |
og:type |
Content type: website, article, product, video.other, etc. | Recommended |
og:site_name |
Your website or brand name | Recommended |
og:locale |
Language and territory (e.g., en_US, de_DE) | Optional |
og:image:alt |
Alt text for the image (accessibility) | Recommended |
🐦 Twitter Card Tags Reference
Twitter Cards enable rich media attachments to tweets that link to your content. Twitter will first look for its own tags, then fall back to Open Graph tags if not found.
| Tag | Description | Status |
|---|---|---|
twitter:card |
Card type: summary_large_image (recommended) or summary | Required |
twitter:title |
Title (falls back to og:title if not set) | Recommended |
twitter:description |
Description up to 200 characters (falls back to og:description) | Recommended |
twitter:image |
Image URL (falls back to og:image) | Recommended |
twitter:site |
@username of your website/brand | Optional |
twitter:creator |
@username of content author | Optional |
twitter:image:alt |
Alt text for the image (max 420 chars) | Recommended |
🖼️ Image Specifications
Each platform has different image requirements. Using the recommended size of 1200×630 pixels works well across all major platforms.
📘 Facebook / Open Graph
- Recommended: 1200×630 px
- Minimum: 600×315 px
- Aspect ratio: 1.91:1
- Max file size: 8 MB
- Formats: JPG, PNG, WebP, GIF
🐦 Twitter / X
- Large image: 1200×675 px (2:1)
- Summary: 144×144 px min (1:1)
- Max file size: 5 MB
- Formats: JPG, PNG, WebP, GIF
- Note: GIFs show as static
- Recommended: 1200×627 px
- Minimum: 200×200 px
- Aspect ratio: 1.91:1
- Max file size: 5 MB
- Formats: JPG, PNG, GIF
✅ Best Practices
Follow these guidelines to maximize engagement when your content is shared on social media.
✓ Use Absolute URLs
Always use full URLs starting with https:// for images. Relative paths won’t work.
✓ Optimize Image Size
Use 1200×630 px images. They work across all platforms and display in high resolution.
✓ Write Unique Descriptions
Make og:description different from your page title. Provide additional context.
✓ Test Before Publishing
Use platform debuggers to preview how your content will appear when shared.
✗ Duplicate Title & Description
Don’t use the same text for both. Each should provide unique value.
✗ Use Tracking Parameters
Keep og:url clean without UTM parameters. Use canonical URLs only.
✗ Forget Image Alt Text
Always include og:image:alt for accessibility and SEO benefits.
✗ Exceed Character Limits
Keep titles under 60 chars, descriptions under 160 chars to avoid truncation.
🌐 Platform Support
Open Graph and Twitter Card tags are supported by virtually every major social platform and messaging app.
Full Open Graph support
Twitter / X
Twitter Cards + OG fallback
Open Graph support
Open Graph support
Slack
OG + Twitter fallback
iMessage
Open Graph support
🔧 Testing & Debugging Tools
Always validate your meta tags before publishing. These official tools show exactly how your content will appear when shared.
❓ Frequently Asked Questions
You need Open Graph tags for most platforms. Twitter Cards are optional because Twitter will fall back to OG tags if Twitter-specific tags aren’t found. However, adding twitter:card is recommended to control the card type (summary vs. large image).
Common causes: 1) Image URL uses http:// instead of https://, 2) Image is smaller than 200×200px, 3) Facebook has cached the old version. Use the Facebook Debugger to clear the cache and re-scrape your page.
summary displays a small square thumbnail (144×144px) next to the text. summary_large_image shows a large rectangular image above the text, taking up more visual space and typically getting higher engagement. We recommend summary_large_image for most content.
No. The og:url should always be your clean, canonical URL without any tracking parameters. UTM parameters are for measuring traffic sources, not for meta tags. If you use UTMs in og:url, you’ll have duplicate content issues and inaccurate analytics.
Platforms cache your meta tags. To force an update: use Facebook’s Debugger and click “Scrape Again,” use Twitter’s Card Validator, and for LinkedIn, use the Post Inspector. Changes typically appear within minutes after clearing the cache.
Open Graph and Twitter Card tags don’t directly affect search rankings. However, they indirectly help SEO by increasing click-through rates from social shares, which can drive more traffic and engagement signals. The standard meta description tag does influence how your page appears in search results.