Home / Free Tools / Social Preview Generator

Free Open Graph & Social Preview Tool

See how your link will look when shared on Facebook, X, and LinkedIn — then copy the Open Graph and Twitter Card meta tags that make it happen.

Your Share Details

Title *

Description

Image URL

Best size: 1200 × 630 pixels.

Page URL

Site name

Live Preview

FacebookX / TwitterLinkedIn

Your meta tags — paste into the page <head>

Why Open Graph tags matter

When someone shares your link on social media, the platform looks for special meta tags — called Open Graph tags (for Facebook and LinkedIn) and Twitter Card tags (for X) — to decide what image, title, and description to show. If those tags are missing or wrong, your link shows up as a bare URL or a broken thumbnail, and people scroll right past it. Set them correctly and every share becomes an eye-catching, branded card that earns clicks.

This tool lets you preview your share card exactly as it will appear on each platform, then generates the complete set of Open Graph and Twitter Card tags for you to copy.

How to use the Social Preview Tool

Enter your title and description — the headline and summary people will see in the shared card.
Add an image URL. Use a 1200 × 630 pixel image for the cleanest result across every platform.
Fill in your page URL and site name so the card shows the right domain and branding.
Switch between the Facebook, X, and LinkedIn tabs to preview each platform.
Copy the generated tags and paste them into your page head. After publishing, run the link through Facebook’s Sharing Debugger to refresh the cache.

Social share best practices

Always set an image. Posts with a large image card get far more engagement than plain links. 1200 × 630 is the universal safe size.
Keep titles tight. Around 60 characters or fewer display cleanly on every platform.
Use absolute image URLs. Open Graph requires the full https path to your image, not a relative one.
Refresh the cache after changes. Platforms cache your tags; use each platform’s debugger to force a re-scrape.
Match the image to the message. The card image is the first thing people notice, so make it relevant and high quality.

Want Every Page Share-Ready?

We build WordPress sites with Open Graph, Twitter Cards, and schema set up correctly site-wide — so every link you share looks polished and professional automatically.

Book a Free Consultation →Get Your Instant Marketing Report

Common Questions

Open Graph FAQ

What is the best Open Graph image size?

1200 by 630 pixels is the recommended size and works cleanly across Facebook, LinkedIn, and X. Keep the file under about 5 MB, use a 1.91:1 ratio, and avoid putting important text near the edges where it might be cropped on certain platforms.

Do I need both Open Graph and Twitter Card tags?

It is best practice to include both. Facebook and LinkedIn read Open Graph tags, while X reads Twitter Card tags (and falls back to Open Graph if they are missing). This tool generates both sets so your link looks great everywhere. The summary_large_image card type gives you the big, attention-grabbing image.

Why does my old image still show after I changed the tags?

Social platforms cache your meta tags the first time your link is shared. After updating your tags, paste the URL into Facebook’s Sharing Debugger or LinkedIn’s Post Inspector and click to re-scrape. That forces the platform to fetch your new image, title, and description.

Where do I put the Open Graph tags on my site?

They go in the head section of each page. On WordPress, most SEO plugins generate Open Graph tags automatically, or you can add them with a code-snippet plugin. On the sites we build, social tags are configured site-wide so every page shares cleanly without manual work.