Home/Open Graph Preview
Preview before you publish

Free Open Graph Preview Online

Test the card people may see when your link is shared. Edit Open Graph metadata, compare Facebook, X, LinkedIn and Slack, then copy production-ready tags.

Page details

Your preview updates as you type.

Used for the card domain and og:url.
16 / 40
51 / 60
136 / 160
1.91:1 works best
Recommended: 1200 × 630 px. Uploads are for local preview; use a hosted URL in your final tags.
100
Ready to shareYour essential Open Graph fields look great.

Live preview

Looking good
Facebook feed preview

Your Open Graph tags

Paste these inside your page's <head>.

From metadata to a share-ready card

Open Graph tags tell social networks what title, description and image to show for your page. This preview helps you catch awkward crops, clipped copy and missing details before your audience sees them.

1

Add your content

Enter your page URL, title, description and share image, or import tags from your HTML.

2

Compare platforms

Switch between Facebook, X, LinkedIn and Slack to spot layout and cropping differences.

3

Copy and publish

Copy the generated tags into your page, publish it, then use each platform's debugger to refresh its cache.

Open Graph preview FAQ

What is an Open Graph preview?

It is a visual estimate of the link card social networks and messaging apps build from your Open Graph tags. The most important tags are usually og:title, og:description, og:image and og:url.

What size should my Open Graph image be?

Use 1200 × 630 pixels for a widely supported 1.91:1 image. Keep important text and faces away from the edges because platforms may crop images slightly.

Can this tool fetch metadata from a URL?

Browsers block many cross-site requests for security reasons. To keep this tool fast and reliable, paste your values directly or choose Import tags and paste the relevant HTML from your page.

Is my metadata or uploaded image stored?

No. The preview, HTML import and image upload run locally in your browser. Nothing you enter is saved or uploaded by this tool.

Why does the published card look different?

Platforms use their own cropping, truncation and cache rules, so the final result can vary. After updating tags, use the platform's official sharing debugger or card validator to request a fresh scrape.

Try related SEO tools

Create the rest of your search and social metadata with these free online tools.

See all tools →
METAMeta Tag GeneratorGenerate complete SEO and social tags.IMGImage ResizerResize your Open Graph image precisely.BOTRobots.txt GeneratorCreate crawler rules online.

Import Open Graph tags

Paste your page's <head> HTML or just its meta tags. The matching values will be pulled into the preview.