Skip to content
Preview social media cards and generate OG + Twitter meta tags.
<!-- Open Graph --> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <meta property="og:url" content="" /> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="" />
When someone shares your website URL on Facebook, Twitter/X, LinkedIn, or other social platforms, the platform generates a preview card showing the title, description, and image. This preview card is controlled by Open Graph (OG) tags and Twitter Card tags — meta tags in your HTML that tell social platforms exactly what to display. Without proper tags, platforms guess what to show, often resulting in broken images, wrong titles, or missing descriptions that dramatically reduce click-through rates from social media.
Our free social media preview tool at Jayax.dev shows you exactly how your page will appear on Facebook, Twitter/X, and LinkedIn before you share it. Preview your social cards, identify issues, and optimize your OG and Twitter Card tags for maximum engagement.
For complete social media coverage, implement these tags on every page: og:title, og:description, og:image (1200x630px), og:url, og:type, twitter:card (summary_large_image), twitter:title, twitter:description, and twitter:image. Keep titles under 60 characters and descriptions under 155 characters for optimal display across all platforms. Use high-contrast images with minimal text for the best visual impact in social feeds.
Open Graph (OG) tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and others. Key OG tags include og:title, og:description, og:image, and og:url. Without these tags, social platforms guess what to display, often showing incorrect titles, descriptions, or broken images.
Twitter Card tags are meta tags that control how your content appears when shared on Twitter/X. They define the card type (summary, summary_large_image), title, description, and image. Without Twitter Card tags, tweets containing your URL show minimal information instead of a rich preview card.
Enter your page URL or paste your meta tags, and the tool shows a real-time preview of how your page will appear on Facebook, Twitter/X, and LinkedIn. You can also edit the title, description, and image to see how changes affect the social sharing appearance before implementing them.
The recommended image size for Open Graph and Twitter Cards is 1200x630 pixels with a 1.91:1 aspect ratio. This size works well across Facebook, Twitter/X, and LinkedIn. Use high-quality images (at least 600x315 minimum) and avoid text-heavy images as they may be cropped on mobile devices.
This usually happens when OG tags are missing, incorrectly formatted, or the image URL is not accessible. Use our preview tool to verify your tags are correct. For Facebook, use the Sharing Debugger to force a cache refresh. For Twitter, use the Card Validator. Both tools re-scrape your page and update the cached preview.
og:title controls the title shown on Facebook and LinkedIn, while twitter:title controls the title on Twitter/X. In most cases, they should be identical. If you want different titles on different platforms, you can set them separately. If twitter:title is not set, Twitter falls back to og:title.
Yes, for complete social media coverage. OG tags work on Facebook, LinkedIn, and most other platforms. Twitter Card tags are specific to Twitter/X and provide additional control over card types. Implement both to ensure your content looks great on every platform.
The essential OG tags are: og:title (page title), og:description (page description), og:image (sharing image URL, 1200x630 recommended), og:url (canonical page URL), and og:type (content type, usually "website" or "article"). These five tags cover the minimum needed for proper social sharing.
Yes, our preview tool lets you see exactly how different titles, descriptions, and images will look on each platform before you make changes to your website. This helps you optimize your social sharing appearance without trial and error on your live site.
Yes, the Open Graph and Twitter Card preview tool is completely free to use with no registration required. Preview as many pages and variations as you need.
