Open Graph and Twitter Card Preview

Open Graph is a set of meta tags, such as og:title, og:description and og:image, that tell social platforms and chat apps how to display your link when it is shared. Twitter Cards are a parallel set of twitter: tags that this tool checks alongside them.

Platforms fetch the image from outside your site while building the preview, so a relative path like /cover.png has no domain to resolve against and usually fails to load. The tool flags any og:image that is not a full https URL or a protocol relative //host path.

The summary card shows a small square thumbnail beside the text, while summary_large_image shows a full width banner above it. If you leave the card blank, the tool picks summary_large_image when an image is set and summary when it is not.

Aim for a title of 60 characters or fewer and a description of about 155 or fewer, which are the limits the counters use. Past those points the preview trims the text on a word boundary and adds an ellipsis, matching how feeds cut it.

A missing og:image is marked as an error because without it the link degrades to a plain text card. Everything else, like a missing title, overlong text, a relative URL or an unknown card type, is a warning that is worth fixing but will still render.

No. It analyses only the values you type, so it does not crawl a URL, follow redirects or confirm that the image actually returns a 200. Use it to draft and validate tags, then test the published page in each platform's own debugger.

Yes. The Generated meta tags panel writes matching og: and twitter: tags for every field you filled in, including the effective twitter:card, so you can paste them directly into your document head.

It is a faithful approximation of the common card layouts, not a pixel exact copy of any one network. Each platform styles cards a little differently and caches aggressively, so always re-scrape after you publish changes.

Yes. The whole analysis runs in your browser and nothing you paste is uploaded or logged. The only outbound request is your browser loading the image URL to render it in the preview.