Working area

Check the social card before anyone shares the link

Edit Open Graph fields on the left. The Facebook and X previews update immediately so you can catch weak titles, missing images, or truncated descriptions early.

CleanFacebookNo fetch needed

Metadata input

Open Graph fields

og:title55 characters. Aim for a clear headline that still reads well when truncated.og:description118 characters. Useful descriptions often fit around 70 to 200 characters.og:urlog:image

og:site_nameog:type

Optional import

Paste HTML head tags

Paste page source or a head snippet to pull existing Open Graph and Twitter tags into the form.

Live preview

Social share card

mtkits.com

Open Graph Preview | Social Share Card Checker | MTKits

Preview Facebook and X social cards from Open Graph tags. Check title, description, image, and URL before you publish.

How to use

Checks

Card readiness

Clean

og:title

pass

55 characters. The title is in a practical social-card range.

og:description

pass

118 characters. The description fits a practical social-card range.

og:url

pass

The page URL is absolute and uses HTTPS.

og:image

pass

An absolute image URL is present for the social card preview.

Copy-ready meta tags

<meta property="og:type" content="website" />
<meta property="og:title" content="Open Graph Preview | Social Share Card Checker | MTKits" />
<meta property="og:description" content="Preview Facebook and X social cards from Open Graph tags. Check title, description, image, and URL before you publish." />
<meta property="og:url" content="https://mtkits.com/open-graph-preview" />
<meta property="og:image" content="https://mtkits.com/api/og?title=Open+Graph+Preview&amp;subtitle=Check+social+cards+before+publishing&amp;label=Content+Tool&amp;accent=7c3aed&amp;secondary=0284c7" />
<meta property="og:site_name" content="My Online Tools" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Open Graph Preview | Social Share Card Checker | MTKits" />
<meta name="twitter:description" content="Preview Facebook and X social cards from Open Graph tags. Check title, description, image, and URL before you publish." />
<meta name="twitter:image" content="https://mtkits.com/api/og?title=Open+Graph+Preview&amp;subtitle=Check+social+cards+before+publishing&amp;label=Content+Tool&amp;accent=7c3aed&amp;secondary=0284c7" />

GuideHow it works3 steps

Enter social metadata

Add the Open Graph title, description, image URL, page URL, and optional site name you plan to publish.

Compare Facebook and X cards

Switch between Facebook-style and X-style layouts to see how the same tags read on each platform.

Copy tags or fix warnings

Use the readiness checks, then copy the generated meta tags into your page head.

More toolsRelated tools

SERP Preview Tool

Preview Google-style search snippets from title, URL, and meta description.

SEO Checker

Audit live page metadata, headings, canonicals, robots signals, and sitemap discovery.

Open Graph Preview Guide

Learn what Open Graph tags mean and how to use this preview before publishing.

FAQFrequently asked questions

Is this exactly how Facebook or X will show my link?

No. Platforms can crop images, rewrite text, or cache older previews. This tool gives a practical layout preview from the tags you enter.

What image size works best for Open Graph?

A 1200 × 630 image is a common recommendation. Keep important content centered so cropping does not hide the main message.

Do I need both Open Graph and Twitter tags?

Open Graph tags cover most platforms. Twitter/X tags help when you want card-specific control, but many sites reuse the same title, description, and image.

Does this tool fetch my website?

No. It works from values you type or paste, so it is safe for draft pages and unpublished metadata.

ShareShare this tool

Back to MTKits