Digital Drive HQ

Open Graph Generator

Perfect link previews for Facebook, LinkedIn, and X.

Free · No sign-up · Works in your browser

Recommended size: 1200×630 px.

1200 × 630 preview
EXAMPLE.COM
Your title appears here
Your description preview appears here.
Open Graph & Twitter tags (HTML)
<!-- Open Graph -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />

About the Open Graph Generator

Free Open Graph & Twitter Card generator — create og: and twitter: meta tags and preview how your link looks when shared on social media.

How to use the Open Graph Generator

  1. 1Enter your page title, description, URL, and image.
  2. 2Choose the Twitter Card type (summary or large image).
  3. 3Preview how the link will appear on Facebook, LinkedIn, and X.
  4. 4Copy the generated og: and twitter: meta tags into your <head>.

Frequently asked questions

What is Open Graph?

Open Graph is a protocol (og: meta tags) that controls how your page looks when shared on social platforms — the title, description, and preview image.

What's the best Open Graph image size?

1200×630 pixels (a 1.91:1 ratio) is the recommended size for a large, crisp preview across most platforms.

Do I need both Open Graph and Twitter Card tags?

Open Graph covers Facebook, LinkedIn, and most platforms. X reads Twitter Card tags but falls back to Open Graph, so including both gives you the most control.

Related tools