Open Graph & Twitter Card Generator

Generate and preview Open Graph (OG) and Twitter Card meta tags. Ensure your links look perfect when shared on Facebook, LinkedIn, X, and WhatsApp.

Loading your experience...

Please wait a moment

Technical Audit

This utility is a high-performance node optimized for modern browser environments. All data processing is executed client-side, ensuring zero knowledge transfer to external servers.

Open Graph (OG) tag generator
Twitter Card preview
Live social snippet preview
Ready-to-copy meta tag exports

System FAQ

What are Open Graph tags and why do I need them?

Open Graph (OG) tags are HTML meta tags that control how your webpage appears when shared on social platforms. Without them, Facebook and LinkedIn will use random text and images from your page, resulting in poor-looking shares.

How do I add Open Graph tags to my website?

Use this generator to create your OG tags, then paste them inside the <head> section of your HTML. Key tags: og:title, og:description, og:image (must be 1200×630px), og:url, and og:type.

What size should the og:image be?

The recommended og:image size is 1200×630 pixels (1.91:1 aspect ratio). This works across Facebook, LinkedIn, and X/Twitter. Minimum size is 600×315px, but larger images display more prominently.

What is the difference between Open Graph and Twitter Cards?

Open Graph tags work on Facebook, LinkedIn, Pinterest, and WhatsApp. Twitter Cards are Twitter-specific meta tags. Both serve similar purposes — controlling the preview appearance — but use different tag names (og: vs twitter:).

How do I test my Open Graph tags?

Use the preview in this tool, or test directly with: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), or LinkedIn Post Inspector.