Micro Tools
Advertisement

Open Graph Previewer

Preview social media cards for free. Enter your title, description and image to see Facebook and X card mockups, get a tag checklist, and copy the meta tags.

Page details

Fill in your meta values to preview the social cards.

Card previews

Facebook style

X (Twitter) style

Checklist

Advertisement

What the previewer shows

Social networks build link cards from your Open Graph and Twitter Card meta tags. This tool renders close mockups of the Facebook and X card styles so you can judge titles, descriptions and images before publishing.

The checklist flags common problems: missing tags, overlong titles, and image URLs that are not absolute https, which is the top reason cards break.

Using the generated tags

Copy the meta tags into the head of your page. Keep titles under 60 characters and descriptions under 160 so they are not cut off in feeds.

Use a 1200 by 630 pixel image for the classic large card. After deploying, test the live URL with the Facebook Sharing Debugger or X Card Validator to refresh cached previews.

Related tools

JSON formatterFormat and validate JSON, privately. Regex testerTest regex live with highlighting. Base64 encoderBase64 encode and decode, plus URL encoder and JWT decoder.

Open Graph Previewer FAQs

Why is my card not showing on Facebook?
Facebook caches link previews. Run the URL through the Facebook Sharing Debugger and press Scrape Again to refresh it.
What image size works best?
1200 x 630 pixels for the large summary card on both Facebook and X. Smaller images may render as a tiny thumbnail instead.
Does the image URL have to be absolute?
Yes. Relative image paths break social cards because the crawler fetches them out of page context. Always use full https URLs.
Are these previews pixel-perfect?
No, they are close mockups. Each platform tweaks its card design, so always verify with the official debuggers after publishing.
Do I need both og: and twitter: tags?
X falls back to og: tags, but explicit twitter: tags are safer and let you control the card style, so the generator includes both.
Advertisement