Social Media Meta Tag Generator
Generate perfect Open Graph and X (Twitter) Card meta tags with live preview. See exactly how your links look when shared on Facebook, LinkedIn, and X. Create compelling social media cards that drive clicks.
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.