Social Media Meta Tag Generator
Generate Open Graph and Twitter/X Card meta tags with a live preview showing exactly how your links appear on Facebook, LinkedIn, and X — all three platforms visible simultaneously. Includes correct image dimension guidance (1200×630 px for Facebook/LinkedIn, 1200×628 px for X), all card types, presets for Blog/Product/Article/Local Business, and instant copy-paste code. Fixes the "Twitter card image not showing" problem caused by missing or incorrect tags. No account required.
Perfect Your Social Media Presence
When someone shares your link on Facebook, LinkedIn, or X, what appears is controlled by social media meta tags — specifically Open Graph (OG) and X Card tags (formerly Twitter Cards). Without these tags, social platforms guess what to show, often resulting in missing images, truncated titles, or irrelevant descriptions.
Our Social Media Meta Tag Generator takes the guesswork out of social sharing. Configure your page details visually, see exactly how your link will look on Facebook, X, and LinkedIn simultaneously, and get production-ready HTML code to paste into your <head> section.
How to Use the Social Meta Generator
Enter Your Page Details
Fill in your page title, description, URL, and image. Character count indicators help you stay within optimal lengths for each platform.
Preview on Every Platform
See live previews for Facebook, X (Twitter), and LinkedIn — all at once. No tab switching needed. Watch all three update in real-time as you type.
Review Validation
Check the real-time validation messages for title length, description quality, image requirements, and URL format — fix issues before publishing.
Copy or Download
Expand the code section, click Copy or Download, and paste the generated meta tags inside the <head> section of your page.
Key Features
Simultaneous Previews
See Facebook, X, and LinkedIn previews all at once — no tab switching. Compare how your link looks across platforms in a single view.
Syntax-Highlighted Code
Generated meta tags displayed with syntax highlighting and line numbers, available in a collapsible panel so previews stay the focus.
Tabbed Platform Preview
Switch between Facebook, X (Twitter), and LinkedIn previews with a single click. See platform-specific rendering for each social network.
Smart Presets
One-click presets for Blog, Product, Article, and Local Business configure everything with realistic sample data.
Real-Time Validation
Context-aware warnings help you fix common mistakes — like missing images or titles that are too long — before you publish.
100% Private
All processing happens in your browser. No data is sent to any server — your URLs and content stay completely private.
Tag Reference Guide
Every field in the tool generates specific HTML meta tags. Here is a quick reference:
| Platform | Tag | Purpose | Max Length |
|---|---|---|---|
| Open Graph | og:title | Title shown in link preview | 60 chars |
| Open Graph | og:description | Description below the title | 155 chars |
| Open Graph | og:image | Preview image (1200×630px) | — |
| Open Graph | og:url | Canonical URL of the page | — |
| Open Graph | og:type | Content type (website, article) | — |
| Open Graph | og:site_name | Name of the overall site | — |
| X (Twitter) | twitter:card | Card type (summary, large image) | — |
| X (Twitter) | twitter:site | @handle of the website | — |
| X (Twitter) | twitter:creator | @handle of content creator | — |
| Advanced | fb:app_id | Facebook App integration | — |
| Advanced | article:author | Article author name | — |
| Advanced | article:section | Article category/section | — |
Platform-Specific Guidelines
Each social platform has slightly different requirements for optimal display:
- Facebook: Uses Open Graph tags. Images should be 1200×630px. Titles up to 60 characters, descriptions up to 155 characters. Supports og:locale for multilingual content. Use the Facebook Sharing Debugger to test and clear cache.
- X (formerly Twitter): Uses twitter: card tags with OG fallback. Supports Summary (small square image) and Summary Large Image (full-width image) cards. Images should be at least 300×157px for large image, 144×144px for summary.
- LinkedIn: Uses Open Graph tags same as Facebook. Images should be at least 1200×627px. LinkedIn caches link previews — use the Post Inspector to refresh after making changes.
- WhatsApp: Uses Open Graph tags. Images display as squares in chats, so ensure your key content is centered. WhatsApp aggressively caches — clearing cache may take time.
- Pinterest: Uses Open Graph tags but also supports Rich Pins. Use og:type=article for article pins and include og:image with vertical images (2:3 aspect ratio) for best display.
Image is Everything
Posts with images get 2-3x more engagement. Always include an og:image tag with a high-quality 1200×630px image that represents your content.
Write for Clicks, Not SEO
Social titles should be curiosity-driven and emotional, not keyword-stuffed. Ask a question, use numbers, or create urgency to maximize click-through rates.
Test Before Publishing
Always test your tags with Facebook Sharing Debugger and X Card Validator before promoting content. Fix issues before they reach your audience.
Keep Both OG and X Tags
While X can read OG tags, having dedicated twitter: card tags lets you optimize separately for each platform — different lengths, different CTAs.
Frequently Asked Questions
What are social media meta tags?
What is the difference between Open Graph and X (Twitter) Cards?
How do I add social media meta tags to my website?
What image size works best for social media sharing?
What are X Card types and which should I use?
How do I test my social media tags after adding them?
Why is my Twitter card image not showing?
twitter:card meta tag — you must explicitly declare the card type (use summary_large_image for a big image preview); (2) the og:image or twitter:image URL is not publicly accessible or uses a relative path instead of an absolute URL; (3) the image is smaller than 300×157 px for summary cards or 300×157 px minimum for large cards; (4) the page was previously cached by X's crawler with no image — use the X Card Validator to force a re-scrape. This tool generates the correct tag structure to avoid all four issues.
What is the correct Open Graph image size for Facebook?
og:image. For X/Twitter large card images, the recommended size is 1200 × 628 px. Keep the image under 8 MB, use JPG or PNG format, and ensure the URL is absolute (starting with https://). Avoid placing important content in the outer 10% of the image, as some platforms crop edges on mobile. Facebook will display a fallback image if yours is smaller than 200 × 200 px.