Navigation

Open Graph Preview Generator

Draft social metadata with illustrative card previews.

Local metadata drafts and illustrative cards. Actual social display depends on the platform and its cached page data.

A valid image URL requests that image from its host for the preview.

Optional metadata and card style

These fields create a basic draft; specialized types can require additional properties.

Illustrative social card

example.com

Your page title

Your description

X / Twitter Β· large image

example.com

Your page title

Your description

Generated meta tags

<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

Share

Last reviewed: Β· Testing methodology

How to use

Enter supported fields and a valid optional image URL, then copy the escaped metadata.

1

Enter social text

Add a title and description, and an optional image URL.

2

Choose optional metadata

Set the page URL, site, basic OG type and summary-card style.

3

Review the draft

Copy escaped metadata and test the final page with the platform that will share it.

Limits and questions

Inputs are processed in your browser. Analytics and advertising can make separate network requests.

Frequently asked questions

Will the image stay local?
Processing stays in your browser, but a valid entered remote image URL is requested from that host to display the preview.
Which X card styles are supported?
Summary and summary with a large image. App/player cards need additional fields and are not offered. Previews remain illustrative.