← Back

Open Graph Preview

Fill in a title, description, image, and URL to see roughly how the page will look when shared on Facebook, LinkedIn, or X/Twitter — then copy the generated og: and twitter: meta tags straight into your page's <head>.

Facebook / LinkedIn style

EXAMPLE.COMMy Blog Post TitleA short, compelling description of the page that shows up in social media link previews.

Twitter / X style

My Blog Post TitleA short, compelling description of the page that shows up in social media link previews.example.com

How to use

  1. Fill in the page URL, title, description, image URL, and site name.
  2. Pick a Twitter card type — summary large image (big card) or summary (small square image).
  3. Copy the generated meta tags into your page's <head>.

FAQ

Will this exactly match what Facebook/X actually render?

It's a close approximation of each platform's typical card layout, not a pixel-exact reproduction — actual rendering varies by platform, cached crawler data, and ongoing design changes on their end.

What image size should I use?

1200×630px (roughly a 1.91:1 ratio) is the widely recommended size for the large image card and works well across most platforms without being cropped awkwardly.

Why isn't my image loading in the preview?

The preview loads the image URL directly in your browser — if it 404s, requires authentication, or blocks cross-origin embedding, it won't render here even though it might still work fine for a real social platform's own crawler.