Open Graph Generator & Preview

01 Content

The text viewers see in the share card. Watch the live gauges for the recommended lengths.

og:title 40–70 chars ideal · Facebook truncates near 70

0 charsrecommended 40–70

og:type object class

og:locale e.g. en_US

og:description 55–200 chars ideal

0 charsrecommended 55–200 · platforms clip near 200

02 Link & Media

The canonical URL and the image behind the card. Both should be absolute https:// URLs.

og:url canonical

og:site_name brand

og:image absolute URL · 1200×630 · ~1.91:1

og:image:alt describe the image · screen readers

Facebook-Style Preview

your-site.com

Add an og:title

Add an og:description for a richer share card.

Title 0 chars · Description 0 chars

Meta Block Output

Fields0/8

Block chars0

EscapingHTML-safe

og:* read by Facebook · LinkedIn · X 0 lines

Paste & verify

Paste the block into the <head> of your page, then confirm how it renders with the Facebook Sharing Debugger, LinkedIn Post Inspector, or X Card Validator. Those crawlers cache results — re-scrape after any change.

Twitter-style fallback

Facebook, LinkedIn and X all read the og:* tags this tool generates. X is the outlier: it also accepts optional twitter:card, twitter:title, twitter:description and twitter:image overrides, but when they are absent it falls back to your og:* tags exactly like the others. For the richest X card, point og:image at an absolute https:// URL at least 600×300 px — without a valid image, X shows a text-only summary card.

Module

01 Content

02 Link & Media