Free Open Graph Card Preview Tool
Preview how your link appears on Twitter, Facebook & LinkedIn
example.com
Page Title
A description of this page will appear here. Fill in the fields on the left to see a preview.
How to Use OG Card Preview
- 1
Enter page details
Fill in your title, description, image URL (or upload an image), and page URL.
- 2
Switch platforms
Click Twitter, Facebook, or LinkedIn tabs to see how your link card appears on each platform.
- 3
Adjust and perfect
Edit any field and see the preview update in real time before publishing.
Frequently Asked Questions
Is my data safe?
Does this tool actually post to social media?
Can I upload an image instead of using a URL?
Why does my live social card look different from the preview?
What image dimensions should I use for social cards?
Learn more
About OG Card Preview
Preview exactly how your page link will appear when shared on Twitter/X, Facebook, and LinkedIn — before publishing. See realistic platform-accurate card mockups with your title, description, and featured image. Catch truncated titles, missing images, and mismatched descriptions before your content goes live. Useful for marketers, content creators, and developers verifying Open Graph tags. Everything runs in your browser with no page visits or social media connections required.
Why Use OG Card Preview?
- Catch problems before publishing — see if your title is too long, your image is the wrong size, or your description is missing before your link goes live.
- Platform-accurate mockups — different platforms display cards differently. See Twitter, Facebook, and LinkedIn renderings in one place.
- No social media connection required — preview without logging in, posting, or making your page public.
- Image upload support — test with a local image without needing a public URL first.
- Completely private — your page details never leave your browser.
Common Use Cases
Pre-publish content check
Before publishing a blog post, article, or landing page, preview how the social card will look to verify title length, description, and image crop.
Marketing campaign preparation
Verify that campaign landing pages will display compelling cards when shared in posts, ads, and email campaigns that drive social traffic.
Open Graph tag implementation testing
After adding og:title, og:description, og:image, and og:url meta tags to a page, confirm the tags produce the expected visual result without waiting for social platform cache updates.
Team review and approval
Share a screenshot of the preview with stakeholders to get approval on social card design before launch.
Tips & Best Practices
- 💡Twitter summary_large_image cards require an image at least 300x157px. For best results, use 1200x630px images which look sharp on all displays.
- 💡Facebook and LinkedIn recommend an image ratio of 1.91:1 (1200x630px). Taller images may be cropped depending on the platform context.
- 💡Keep og:title under 60 characters — longer titles are truncated on most platforms. Your page's HTML <title> is used as a fallback if og:title is missing.
- 💡Platform caches can hold old versions of your social card for hours. Use Facebook's Sharing Debugger or Twitter's Card Validator to force a cache refresh after updating your tags.
How It Compares
Social platforms provide their own official preview tools: Facebook Sharing Debugger, Twitter Card Validator, and LinkedIn Post Inspector. These show the actual fetched metadata and force cache refreshes, but require you to log in and have your page publicly accessible. TinyTool's preview tool works before your page is live, does not require login, and shows all three platforms side by side — making it ideal for pre-launch review and rapid iteration.