Open Graph Generator

Create og: and twitter: tags and preview the card on Facebook, X, LinkedIn and WhatsApp.

Live preview

Title0 / 60

Description0 / 160

Image URL1200 x 630

Shared link

Add a title to start

Image

None

X card

Small

og:url

Not set

Your page
—
og:url
App reads tags
—
og: and twitter:
Image
—
Loaded by the app
Card shown
—
In the feed or chat

Build your share card

Page details

Title, description and image are shared with the panel at the top.

Title

Description

Page URLUse the canonical address without tracking parameters.

Type Site name Locale

Image

The image URL is entered at the top. Its size is read when it loads.

Image description (alt text)Read aloud by screen readers in apps that support it.

Add width, height and typeog:image:width, og:image:height and og:image:type, so apps can draw the card before downloading the image

X (Twitter) card

X reads the og: tags for title, description and image.

Card Site account Author account

Repeat title, description and image as twitter: tagsOnly for apps that read twitter: tags but not og: tags Add section commentsShort HTML comments that label each group of tags

Code for the head

Open Graph Generator