Open Graph & Social Card Preview

What is Open Graph & Social Card Preview?

This is a visual Open Graph (OG) and social-card previewer. Open Graph and Twitter Card meta tags tell platforms what title, summary, and image to show when someone shares your link, and this tool reconstructs that link card so you can check it before you publish. Marketers, content writers, and developers use it when launching a blog post, landing page, or product page to confirm the headline is not truncated, the image fills the frame, and the domain reads correctly. Pick a platform with the segmented control to see its specific layout: X, Facebook, and LinkedIn render a large banner image with the title and description below it, while Slack and Discord show a compact card with an accent bar, the domain, and a small thumbnail. The domain line is derived automatically from the page URL. It only mocks the card from the values you enter — it does not scrape your live page or read its existing meta tags.

How to use Open Graph & Social Card Preview

1. Enter the page title that should appear as the headline of the card.
2. Write the description (the summary line shown under the title).
3. Paste an absolute image URL (ideally 1200×630) to load the preview image.
4. Enter the page URL — the domain shown on the card is derived from it.
5. Switch between X, LinkedIn, Slack, Discord, and Facebook to compare each platform's layout.
6. Adjust the title and description until nothing is truncated and the card looks right.

Examples

Frequently asked questions

Which platforms can I preview?

Five: X (Twitter), LinkedIn, Slack, Discord, and Facebook. X, Facebook, and LinkedIn are drawn as large-image banner cards, while Slack and Discord use the compact unfurl style with an accent bar and a small thumbnail. Use the platform toggle to switch between them instantly.

Does it read the Open Graph tags from my live page?

No. It does not crawl or fetch your page or parse its existing meta tags. It builds the card purely from the title, description, image URL, and page URL you type, so it is a what-if previewer rather than a validator of a published page.

Where does the preview image come from?

The image is loaded directly by your browser from the image URL you enter — it goes from the image's own host to your browser, not through our servers. If the image does not appear, check that the URL is absolute (starts with https://) and is publicly reachable.

Why is my title or description cut off in the card?

Social platforms truncate long titles and descriptions, and the preview mimics that by clamping the lines. If text is cut off here it will likely be cut off when shared too, so shorten it until it fits.

Is my data sent to a server?

No. The title, description, and URLs you type stay in your browser and are never uploaded, logged, or stored by us. The only external request is your browser fetching the preview image from the URL you provide, which is normal browser behavior.