Open Graph Generator
Generate Open Graph and Twitter/X card tags so your links look great when shared on Facebook, LinkedIn, X, WhatsApp, Slack and Discord — with live previews and image checks.
What Is the Open Graph Protocol?
The tags that turn a bare link into a rich, clickable preview card.
Open Graph (og:) meta tags were created by Facebook and are now read by almost every app that shows link previews: LinkedIn, X, WhatsApp, Telegram, Slack, Discord, iMessage, Pinterest and more. Without them, platforms guess — often picking the wrong image or a random sentence.
Four properties are required by the protocol: og:title, og:type, og:image and og:url. Adding og:description, og:site_name and image dimensions makes previews faster and more reliable.
X (Twitter) reads Open Graph tags as a fallback, but it needs its own twitter:card tag to choose the card layout — a large image card or a compact summary card with a square thumbnail.
Platforms cache previews. After changing tags on a live page, use the Facebook Sharing Debugger or LinkedIn Post Inspector to force a refresh. Preview images in this tool load directly from your URL, so they only appear for publicly reachable images.
Share Image Requirements
Sizes that look sharp everywhere.
| Platform | Recommended | Minimum / notes |
|---|---|---|
| 1200 × 630 px (1.91:1) | 600 × 315 for large cards; max 8 MB | |
| 1200 × 627 px | Max 5 MB; shown at 1.91:1 | |
| X — summary_large_image | 1200 × 628 px (1.91:1) | Min 300 × 157; max 5 MB; JPG, PNG, WebP, GIF |
| X — summary | Square, 1:1 | Min 144 × 144; max 4096 × 4096 |
| WhatsApp / Telegram | 1200 × 630 px | Keep under ~300 KB for reliable thumbnails |
| Slack / Discord | 1200 × 630 px | Uses og:image; Discord also reads theme-color |
Keep important text and logos away from the edges — some apps crop the image to a square.
How to Use the Open Graph Generator
Get your result in under ten seconds.
Fill in the details
Add a title, description, page URL and share image. Choose “article” to add publish dates, author and tags.
Check the previews
Switch between Facebook, X and LinkedIn previews and fix anything flagged in the checklist.
Paste into your head
Copy the tags into your page's <head>, deploy, then refresh the platform caches.
Why Use the Open Graph Generator on Developers Web Tools
Fast, accurate and private — built for developers.
Three live previews
See your card the way Facebook, X and LinkedIn display it — before you publish.
Image check
Loads your image and reports its real size and aspect ratio, warning if it's too small.
Article support
Published and modified dates in ISO 8601 with your time zone, author, section and tags.
X cards included
Adds the twitter:card tags X needs, without duplicating what it reads from Open Graph.
Safe, valid output
Quotes and special characters are escaped, so titles with “&” or quotes never break your HTML.
Private
Generated in your browser — nothing is sent to any server.
Frequently Asked Questions
The protocol requires og:title, og:type, og:image and og:url. In practice also add og:description and og:site_name for a complete card.
The URL must be absolute (starting with https://), publicly accessible without a login, and point directly to an image file. Some hosts block hot-linking. If it fails here, it will usually fail on social platforms too.
X falls back to og:title, og:description and og:image, but you need twitter:card to get a card at all. twitter:site and twitter:creator are optional attribution.
Platforms cache previews for days. Paste your URL into the Facebook Sharing Debugger and click “Scrape Again”, or use LinkedIn Post Inspector, to refresh.
The <title> tag is for search results and browser tabs. og:title is for social cards and can be more conversational, without the brand suffix.
Yes. Use the clean canonical URL without tracking parameters, so likes and shares from different links are counted together.