SEO Tools

Free Open Graph Tag Generator — Preview on 5 Social Platforms

Open Graph tags control how your page looks when shared on social media. Without them, Facebook, LinkedIn, Discord and Slack make their own guess — often wrong. Generate perfect OG and Twitter Card tags and see a live preview on all five major platforms before writing a single line of code. Free, no login.

✓Live preview for Facebook & LinkedIn share cards
✓Twitter/X summary and large-image card preview
✓Discord and Slack link preview simulation
✓Image URL validator with load error detection
✓One-click copy + download as .html snippet
✓Cache-clearing debug links for all 5 platforms

Page Details

Title0/60

Description0/160

Image URL — recommended 1200×630px

Page URL

Site Name

Content Type

Twitter Card

Twitter Handle

1200 × 630 image

yourwebsite.com

Your Page Title

Your page description will appear here when someone shares this link on social media.

yourwebsite.com

🔍 Clear Cache on Social Platforms

After updating OG tags, force social platforms to re-fetch your page:

Facebook Debugger ↗LinkedIn Inspector ↗Twitter Validator ↗

Generated Tags


<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">


<meta name="twitter:card" content="summary_large_image">

How to Use the Open Graph Generator

Fill in your details

Enter your page title, description, image URL, page URL and site name. Use the recommended 1200×630px dimensions for best results.

Preview every platform

Click through Facebook, Twitter, LinkedIn, Discord and Slack tabs to see exactly how your link will look when shared on each platform.

Copy and deploy

Click Copy Code and paste all tags inside your HTML head before the closing tag. Or download as a .html snippet file for later.

Clear the cache

After deploying, use the debug links to force Facebook, LinkedIn and Twitter to re-crawl and update cached previews.

❓ Frequently Asked Questions

What size should an og:image be?+

1200 x 630 pixels (a 1.91:1 ratio) — sharp on Facebook, LinkedIn and X large cards. Keep it under 1 MB as JPG or PNG. The built-in image validator confirms your URL actually loads before you ship the tags.

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

Open Graph tags are HTML meta tags in your page head that control how your page appears when shared on social media. Without them, Facebook, LinkedIn, Discord and WhatsApp make their own guess — often showing the wrong title or no image. Adding OG tags takes under 5 minutes and dramatically improves click-through rates from social sharing.

What image size should I use for Open Graph?+

The recommended size is 1200×630px (1.91:1 aspect ratio) for Facebook and LinkedIn. Twitter large image cards use 1200×628. The minimum is 600×315 — images below this may not show at all. Always use HTTPS URLs for your OG image, as HTTP images are often blocked by platforms.

How long should my OG title and description be?+

OG titles should be under 60 characters for best display. Facebook truncates titles at around 60 characters. OG descriptions should be 150–160 characters. Write for the shortest display (Facebook) and you will look good everywhere.

Why doesn't my OG image update after I change it?+

Social platforms aggressively cache OG data. After updating your tags, force a re-crawl using the Facebook Sharing Debugger, LinkedIn Post Inspector and Twitter Card Validator — links are provided in our tool. The cache typically updates within a few minutes.

Do I need both OG tags and Twitter Card tags?+

Yes — Twitter has its own tag format (twitter:card, twitter:title etc.) and uses these over OG tags when present. Most other platforms use OG tags. Our generator creates both sets simultaneously so you get complete coverage with one copy-paste.

Mastering the Open Graph Protocol & Twitter Card Specifications for Higher CTR

Introduced by Facebook in 2010 and now adopted by LinkedIn, X (Twitter), Discord, Slack, WhatsApp, and iMessage, the Open Graph protocol (og:title, og:description, og:image, og:url, og:type) turns plain shared links into rich visual cards. Without valid Open Graph metadata in your page's server-rendered <head>, social platforms either scrape random page text or display a blank, low-trust link box.

The single highest-impact property is og:image. For universal compatibility across X (summary_large_image), LinkedIn, Facebook, and Discord, use a 1200×630 pixel image (a 1.91:1 aspect ratio) under 1 MB in PNG, JPEG, or WebP format, and always specify an absolute HTTPS URL (https://yoursite.com/og-image.png) rather than a relative path.

PursTech's Open Graph Generator lets you preview how your card renders across major social feeds side by side and generates both og:* and twitter:* meta tags ready to drop into your HTML or Next.js Metadata config.