Open Graph
Preview.
Preview how your webpage appears on social media platforms. Check Open Graph and Twitter Card tags visually. Free SEO tool.
Input
Preview how your page appears on social media platforms.
Enter a URL to preview social cards
Need to do this on any website, at scale?
Browzey runs this — and hundreds of other browser tasks — in plain English. No copy-paste, no limit. Install the Chrome extension and try it yourself.
About This Tool
What Are Open Graph Tags?
Open Graph (OG) tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and messaging apps. They determine the title, description, and image that appear in link previews.
Why Preview Your Open Graph Tags?
Before sharing your content, it's crucial to verify how it will appear on social platforms. A compelling preview can significantly increase click-through rates, while missing or broken tags can make your content look unprofessional.
- Increase engagement - Eye-catching previews get more clicks
- Brand consistency - Ensure your branding appears correctly
- Debug issues - Find and fix missing or broken tags
- Optimize images - Verify images display at the right size
Essential Open Graph Tags
Required Tags
- og:title - The title of your content (60-90 characters)
- og:description - A brief description (155-200 characters)
- og:image - Preview image URL (1200x630px recommended)
- og:url - The canonical URL of your page
Recommended Tags
- og:type - Content type (website, article, product, etc.)
- og:site_name - Your website's name
- og:locale - Language and region (e.g., en_US)
Twitter Card Tags
Twitter uses its own card format but falls back to Open Graph tags. For the best Twitter appearance, include these tags:
- twitter:card - Card type (summary, summary_large_image)
- twitter:title - Title for Twitter (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
- Use 1200x630 pixels for optimal display on most platforms
- Keep file size under 5MB
- Use JPEG or PNG format
- Include important content in the center (some platforms crop edges)
- Avoid too much text in images
Platform-Specific Previews
Different platforms display link previews differently. Facebook and LinkedIn use larger images, while Twitter and messaging apps may show smaller thumbnails. This tool shows you how your content appears across major platforms.
Frequently Asked Questions
What is Open Graph?
Open Graph is a protocol that controls how URLs are displayed when shared on social media. It defines the title, description, and image shown in link previews.
Which platforms use Open Graph?
Facebook, LinkedIn, Pinterest, Slack, Discord, WhatsApp, Telegram, and many other platforms use Open Graph tags for link previews.
What's the ideal og:image size?
The recommended size is 1200x630 pixels for optimal display across platforms. Images should be at least 200x200 pixels minimum.
Why does my preview look different on each platform?
Each platform may crop or display images differently. This tool shows previews for major platforms so you can optimize for each.