Open Graph is a protocol created by Facebook that controls how web pages are previewed when shared on social media. The og:title, og:description, og:image, and og:url tags define the card that appears when someone shares a link on Facebook, LinkedIn, Slack, and many other platforms.

What size should the OG image be?

The recommended size is 1200x630 pixels (1.91:1 ratio). This displays well on Facebook and most platforms. Images should be at least 600x315 to avoid being too small. Keep file size under 8MB.

What is a Twitter Card?

Twitter Card tags control how links appear in Twitter posts. The "summary_large_image" card type shows a large image above the title, which gets significantly more engagement than small-image cards.

Why is my social preview not updating?

Facebook, LinkedIn, and Twitter cache OG data. To force a refresh, use Facebooks Sharing Debugger, LinkedIns Post Inspector, or Twitters Card Validator. These tools clear the cache and fetch fresh OG data.

📱

Open Graph Generator

Generate Open Graph and Twitter Card tags with live social preview. Control how your page appears on Facebook and Twitter.

About this tool

Generate Open Graph and Twitter Card meta tags to control exactly how your pages look when shared on social media. Preview your Facebook, Twitter, and LinkedIn share cards before publishing.

Title

Description

Page URL

Image URL (1200×630px)

Site Name

Twitter Handle

OG Type

Twitter Card

Generated Tags

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

How we calculate this

All calculations run entirely in your browser — no data is sent to any server. Here is exactly how this tool works:

Enter your page title, description, URL, and image URL
Preview how the link will appear on Facebook and Twitter
Copy the generated OG and Twitter Card meta tags
Paste them into your HTML head section

Frequently Asked Questions

Related Tools

Meta Tag Generator

Generate complete SEO meta tags with live Google preview. Title, descrip…

Robots.txt Generator

Build robots.txt visually. Block bots, disallow directories, set crawl d…

Free Favicon Generator

Create favicons from text or icons. Preview at 16x16 to 512x512. Downloa…

🔒100% Private — runs in your browser

⚡No uploads — instant results

🆓Always free — no sign-up

📱Works on mobile & desktop