Open Graph Generator | Twitter Card & OG Tag Creator

How to use

How to use Open Graph & Twitter Card Generator

01
Enter your page details
Add the title, description, image URL, and page URL.
02
Preview the card
See a live snippet of how the link will appear across platforms.
03
Copy the tags
Grab the ready-made Open Graph and Twitter Card meta tags.
04
Add them to your page
Paste the tags into your page's <head> and test the share.

Use cases

Common use cases

—A blogger makes shared posts show a proper title and image.
—A marketer ensures a campaign link looks polished on LinkedIn.
—A developer adds Open Graph tags to a new landing page.
—A store owner fixes a broken share preview on Facebook.

Overview

Design perfect social share previews

The metadata studio lets you craft and preview the Open Graph and Twitter Card tags that control how your links look when shared on X, Facebook, LinkedIn, and Slack. A compelling title, description, and image can dramatically raise click-through from social — traffic that also sends positive engagement signals.

Stop broken or ugly link previews

Missing or malformed metadata causes blank thumbnails and truncated titles that quietly kill shares. Generate correct, ready-to-paste tags and see exactly how each platform will render your page, so every link you post looks intentional and on-brand.

Features

01: Open Graph (OG) & Twitter Card tag generator
02: Live previews for Facebook, X, LinkedIn, WhatsApp, Discord & Slack
03: Summary vs summary_large_image Twitter card switch
04: Import & auto-fill tags from any existing URL
05: Per-platform length validation & warnings
06: Ready-to-copy meta tags with HTML export

FAQ

Frequently asked questions

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.

What happens if I don't add Open Graph tags?+

Without OG tags, social platforms scrape your page and pick random content — often a blurry thumbnail, the wrong title, or a truncated description. This leads to significantly fewer clicks when your content is shared. Pages with proper OG tags see 2-3x higher click-through rates on social media.

What's the difference between Open Graph and Twitter Cards?+

Open Graph controls previews on most platforms (Facebook, LinkedIn, WhatsApp); Twitter Cards are X's own format. Setting both covers every major network.

Open Graph & Twitter Card Generator

How to use Open Graph & Twitter Card Generator

Enter your page details

Preview the card

Copy the tags

Add them to your page

Common use cases

Design perfect social share previews

Stop broken or ugly link previews

Frequently asked questions

From the journal

Best AI Writing Assistants for Content Teams in 2025

How to Choose the Right AI Image Generator

Top 10 Free AI Tools You Can Start Using Today