Open Graph Preview

Facebook · LinkedIn · Twitter/X

Open Graph Preview shows how your page may look when shared on Facebook, LinkedIn, and Twitter/X. Add title, description, and image (recommended 1200×630 px), compare large vs. small layouts, then copy meta tags into your theme’s <head> — ideal after a Figma handoff to validate copy and crops before go-live.

OG image

Upload OG image

1200 × 630 px recommended

Image URL

Local upload overrides the URL

Open Graph data

og:title 0 / 60

og:description 0 / 160

og:url

Used as the domain in the preview

og:site_name

Twitter / X

twitter:card

twitter:title Leave empty to use og:title

twitter:description

twitter:creator

Meta tag output

Include Open Graph

Include Twitter Card

Include meta description

Include canonical

Social preview and meta tags

Image format: use at least 1200×630 px for og:image and a ratio close to 1.91:1; keep text away from edges because platforms may crop.
Title and description: aim for ~60 characters for titles and ~160 for descriptions; truncation rules differ by network.
Twitter Card: summary_large_image for a large image, summary for a small card — both previews are shown.
WordPress: paste meta tags in the child theme <head> or via an SEO plugin; validate with Facebook/LinkedIn debuggers after deploy.

Related tool: Meta title & description checker.