Open Graph Tag Generator

Generate perfect social sharing meta tags for Twitter, Facebook, and LinkedIn. Live preview included.

0/70 characters

0/200 characters

Recommended: 1200x630px

Add an image URL to preview

yoursite.com

Your Page Title

Your page description will appear here...

Generated Meta Tags
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

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

Why this matters

Control your social preview

Without OG tags, platforms guess what to show. With them, you control the exact title, image, and description every time someone shares your link.

Increase click-through rates

Posts with proper OG images and titles get 2-3x more clicks than text-only links. Every share becomes a branded mini-ad for your product.

Signal quality to AI

AI crawlers read OG tags to understand your page content. Clear, accurate OG metadata helps AI assistants describe and recommend your product correctly.

How it works

1

Fill in your page title, description, image URL, and site details

2

Preview how your link will look on Twitter, Facebook, and LinkedIn

3

Copy the generated meta tags and paste into your page's <head>

Frequently Asked Questions

What are Open Graph (OG) tags?

Open Graph tags are HTML meta tags that control how your page appears when shared on social media. They define the title, description, image, and URL that show up in the preview card on Facebook, Twitter, LinkedIn, Slack, and other platforms.

Why do OG tags matter for AI visibility?

AI assistants use OG tags as one of many signals to understand your page content. A clear og:title and og:description help AI accurately describe your product. Plus, good social sharing previews drive more clicks, building the engagement signals AI models value.

What OG tags should every page have?

At minimum: og:title, og:description, og:image, og:url, and og:type. For Twitter, also add twitter:card, twitter:title, twitter:description, and twitter:image. Our generator creates all of these.

What size should my OG image be?

The recommended size is 1200x630 pixels for most platforms. This gives a 1.91:1 aspect ratio that works well on Facebook, Twitter, LinkedIn, and Slack. Keep important content in the center 60% since some platforms crop edges.

How do I add OG tags to my website?

Place the generated meta tags inside the <head> section of your HTML. In Next.js, use the metadata export. In WordPress, use a plugin like Yoast SEO. The tags must be in the HTML source — JavaScript-rendered tags may not be picked up by crawlers.

Can I test my OG tags after adding them?

Yes! Use our OG Tag Checker to verify your tags. You can also use Facebook's Sharing Debugger, Twitter's Card Validator, or LinkedIn's Post Inspector to see exactly how your page will look when shared.

Related Free Tools

Want the complete picture?

Run a full AI visibility audit — 25+ signals, fix roadmap, and AI-generated files.