Open Graph Card Preview
Preview a page title, description, image URL, and site name as a social card. Your work stays on this device whenever possible.
How to use Open Graph Card Preview
- Optionally paste your existing tags into "Paste HTML / Meta Tags (Optional)"; when this box has content its og and twitter values replace the typed fields.
- Otherwise fill "Card Title (og:title)", "Site Name (og:site_name)", "Page URL (og:url)", "Card Image URL (og:image)" and "Description (og:description)".
- Choose a "Preview Platform": Facebook / LinkedIn Large Card, X / Twitter Large Summary Card, or X / Twitter Summary Card (Square Image).
- Press "Preview Card" and read the text mock-up: image address, uppercase host, title and a description cut at 140 characters.
- Review the audit warnings, then copy the ready-made block of meta tags from the bottom of the result.
Worked example
Keep the default text but set the image URL to http://example.com/card.png and the platform to Facebook / LinkedIn. The result opens with --- FB SOCIAL CARD PREVIEW ---, shows the image line, the host in capitals, the title and a shortened description, then reports SOCIAL TAG AUDIT (1 warnings) with the insecure HTTP image message. The block ends with og:type, og:title and twitter:card lines.
When to use this tool
- Checking share text for a launch post before scheduling it.
- Spotting an http:// image that some networks refuse to display.
- Copying a clean set of og and twitter tags into a static page.
Important limitations
Social platforms periodically cache Open Graph data for days or weeks. After updating meta tags on a live page, platform crawler caches should be cleared using Facebook Sharing Debugger or Card Validator.
Frequently asked questions
Does the tool show the actual image?
No. The result is a text layout listing the image URL, host, title and description. It never loads or measures the image, so dimensions, file size and reachability need to be checked separately.
What warnings can it raise?
A title over 65 characters, a description over 155, a missing image, and an image URL beginning with http:// instead of https://. The audit header counts them, and a clean run prints a single tick line.
Which twitter:card value is generated?
The square platform option outputs summary and the two other options output summary_large_image. Facebook and LinkedIn read the og tags, so the platform choice mainly affects the Twitter card line.
Why did my typed title disappear?
Values found in pasted tags take priority over the form fields. Clear the paste box if you want the individual inputs to drive the preview.
Will platforms show what this preview shows?
Not necessarily. Each network caches scraped tags, applies its own cropping and can change layouts. Refresh a page in the network's own debugger after changing tags, because old data may linger.