Social Media Preview Tool - OG and Twitter Card Tester
Preview how your links appear on Facebook, Twitter, LinkedIn, and other platforms. Optimize your Open Graph and Twitter Card meta tags.
36/60 recommended
137/160 recommended
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://example.com/your-page"> <meta property="og:title" content="Your Amazing Page Title - Brand Name"> <meta property="og:description" content="This is your meta description that appears in search results and social media shares. Make it compelling to increase click-through rates."> <meta property="og:image" content=""> <meta property="og:site_name" content="Your Website"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://example.com/your-page"> <meta name="twitter:title" content="Your Amazing Page Title - Brand Name"> <meta name="twitter:description" content="This is your meta description that appears in search results and social media shares. Make it compelling to increase click-through rates."> <meta name="twitter:image" content="">
What are Open Graph Tags?
Open Graph (OG) meta tags control how your content appears when shared on social media platforms like Facebook, LinkedIn, Pinterest, and many others. Originally developed by Facebook, OG tags have become a standard for social sharing across the web.
Essential OG Tags
- og:title: The title of your content (max 60 characters)
- og:description: A brief description (max 160 characters)
- og:image: URL of the image to display (1200×630px recommended)
- og:url: The canonical URL of the content
- og:type: Type of content (website, article, video, etc.)
- og:site_name: Name of your website
Twitter Card Meta Tags
Twitter uses its own format but falls back to OG tags if Twitter-specific tags aren't present:
- twitter:card: Card type (summary, summary_large_image, app, player)
- twitter:title: Title (falls back to og:title)
- twitter:description: Description (falls back to og:description)
- twitter:image: Image URL (falls back to og:image)
Image Best Practices
- Recommended size: 1200×630 pixels (1.91:1 aspect ratio)
- Minimum size: 600×315 pixels
- File size: Under 8MB
- Format: JPG, PNG, GIF (avoid WebP for compatibility)
- Text overlay: Keep text minimal; images are often cropped
Testing Your Tags
After implementing OG tags, validate them using official debuggers:
- Facebook: Sharing Debugger
- Twitter: Card Validator
- LinkedIn: Post Inspector