Tool 04
Social Preview
See how your page will look when shared on Facebook, Twitter, and LinkedIn. Upload an image or paste a URL to test your Open Graph tags.
yourdomain.com
Page title goes here
Description text goes here
1200 × 630
1200 × 628
1200 × 627
What Is the Social Preview Tool?
The Social Preview tool shows how your link will look when shared on Facebook, Twitter/X, and LinkedIn: the card image, title, description, and domain, rendered in each platform's real layout. You fill in the fields, upload an image, and switch between platforms to compare.
Shared links live or die by their cards. A link with a proper Open Graph image gets dramatically more clicks than a bare URL preview, and each platform crops and truncates differently. Checking the card before you publish beats discovering a broken preview after the post is live.
How to Use It
- 1Enter the title and description you plan to put in your Open Graph tags.
- 2Upload the image you intend to use as og:image.
- 3Switch between the Facebook, Twitter, and LinkedIn tabs to see each platform's rendering.
- 4Adjust text length and image composition until the card looks right everywhere, then copy the values into your meta tags.
Frequently Asked Questions
What size should my Open Graph image be?
Use 1200 x 630 pixels. It matches Facebook's recommended ratio (1.91:1) and works on Twitter and LinkedIn with minimal cropping. Keep important text and faces in the center: the edges are what platforms trim first. Files should stay under about 1 MB for fast scraping.
Why does my link still show an old preview after I changed the tags?
Platforms cache scraped previews aggressively. Force a refresh with each platform's debugger: Facebook Sharing Debugger ("Scrape Again"), LinkedIn Post Inspector, or by re-validating in Twitter's Card Validator. Until you do, the platform keeps serving the cached card, sometimes for weeks.
Do I need separate Twitter Card tags if I already have Open Graph?
Mostly no: Twitter falls back to Open Graph tags when its own are missing. Add twitter:card with the value summary_large_image though, otherwise Twitter may show the small square card instead of the full-width image. Platform-specific tags only matter when you want different text per network.