A well-formed card
A page with a concise title, a 120-character description and an HTTPS image renders with no warnings at all.
Meta tag / Open Graph preview
See how a link will look when shared — as a mockup card with your title, description and image — by pasting your page's HTML source or typing the three Open Graph fields by hand. The same checks used on the link preview checker run here too, flagging a missing image or a title likely to get truncated. There is no backend, so it cannot fetch a live URL.
Nothing is uploaded — parsing happens entirely in your browser. This cannot fetch a live URL (no backend to do that from), which is why it works from pasted source instead.
Option B — enter the fields directly
Preview
No image
yourdomain.com
Your page title
Your page description will appear here.
How to preview your shared link
- Copy your page's HTML source. Right-click the page and choose View Page Source, then copy all of it.
- Paste it into the tool. Paste the source into the HTML box and click the button to fill the preview fields automatically.
- Or type the fields by hand. Enter the title, description and image URL directly if you already know them.
- Look at the rendered card. The mockup shows roughly how the link will look once shared, though every platform styles the card slightly differently.
- Fix anything flagged below the fields. A missing field or an unusually long title or description is flagged the same way the link preview checker flags it.
Worked examples
A card missing its image
Leaving one field, the image URL, blank renders an empty gray placeholder in the mockup instead of a photo, matching what most platforms would actually show.
Open Graph preview FAQ
- Can this preview fetch my live URL automatically?
- No — there is no backend here to make that request, so it works from pasted HTML source or fields you type in by hand.
- Does the preview look exactly like every platform's real card?
- Not exactly — this is a general mockup; each platform, including Facebook, X and LinkedIn, renders its own card slightly differently.
- What is Open Graph?
- Open Graph is a set of meta tags a page includes so that sharing its link elsewhere shows a title, description and image instead of a bare URL.
- What image size should I use?
- A common safe choice is 1200 by 630 pixels, an aspect ratio close to 1.91:1 that most platforms render well.
- Does this tool store or send my pasted HTML anywhere?
- No — parsing and rendering both happen entirely in your browser, and nothing you paste or type is uploaded.
- What is the difference between this and the link preview checker?
- They share the same widget — this page emphasizes seeing the rendered card; the checker page emphasizes flagging issues with your tags.
Ready to broadcast everywhere?
Sign up free — no credit card. You land on the Free plan, and you can start a one-time 7-day Studio trial from your workspace whenever you are ready. Connect your first accounts, import a batch, and watch one post fan out across every platform.