📇 Social & Sharing SEO

Open Graph & Twitter Card Generator

Fill in your page details and watch a real Facebook, LinkedIn and X card render live as you type. Get a validated, copy-paste set of Open Graph and Twitter Card meta tags — the exact markup platforms read to build your link preview.

✓ Live card preview Runs in your browser No signup
Aim for about 60 characters so it isn't truncated.
Around 110 characters shows in full on most social cards.
Absolute https URL, 1200×630 recommended.
Facebook / LinkedIn preview
No image — add an og:image URL
example.com
X (Twitter) preview
No image — add an og:image URL
example.com
Generated meta tags

How to generate Open Graph and Twitter Card tags

Four steps from page details to a validated, copy-paste social preview.

1

Enter your page URL, title and description

Paste the absolute URL of the page you are sharing, then write the title and description you want shown on social cards.

2

Add a share image and set the types

Provide an absolute https og:image (ideally 1200×630), pick your og:type and the Twitter card type, and add your @handle.

3

Check the live Facebook and X previews

Watch the Facebook/LinkedIn and X card render as you type and resolve any length or image validation warnings shown below.

4

Copy the tags into your page head

Copy the generated Open Graph and Twitter meta tags and paste them inside the head of your page, then re-scrape with the platform debugger.

Open Graph & Twitter Card questions

Open Graph (og:) is the shared protocol Facebook, LinkedIn, Slack, WhatsApp, Pinterest and most platforms read to build a link preview. Twitter Card (twitter:) is X's own vocabulary that controls the card layout — for example summary vs summary_large_image. They overlap heavily: title, description and image can come from og: tags. Twitter-specific tags only add what og: cannot express, such as the card style and the @site handle.
Use 1200×630 pixels (a 1.91:1 ratio) for the large card that Facebook, LinkedIn and X summary_large_image all use — that fills the frame without cropping. Keep the file under 5 MB and serve it over an absolute https URL, because platforms will not fetch a relative or http image reliably. The minimum Facebook accepts is 200×200, but small images render as a tiny thumbnail instead of a hero card.
Every platform caches the first version of your card it scraped, sometimes for weeks, so old titles and images persist after you fix the tags. Force a re-scrape: paste the URL into the Facebook Sharing Debugger and click Scrape Again, use the LinkedIn Post Inspector, and share the link once on X to refresh its cache. Confirm the tags are actually in the served HTML head and not injected later by JavaScript, which most scrapers do not execute.
Not fully. When a Twitter tag is missing, X falls back to the matching Open Graph tag — og:title, og:description and og:image cover most of the card. So the practical minimum is a complete set of og: tags plus just twitter:card to choose the layout and twitter:site for attribution. Adding og: tags also means the same preview works on Facebook, LinkedIn, Slack and everywhere else, so lead with og: and add only the handful of twitter: tags that og: cannot express.

Need social tags generated at scale?

This tool runs entirely in your browser — there is nothing to call and nothing leaves the page. For CMS plugins, CI and bulk pages, a programmatic Open Graph API is available on the paid plans.

✓ Free tool: 100% client-side Open Graph API: paid plans

Generate validated Open Graph and Twitter Card blocks per page from a single endpoint and wire them straight into your build. See plans and quotas on the pricing page.

See API plans →