Generate and Preview Social Media Meta Tags
Generate Open Graph and Twitter Card meta tags with simulated previews for Facebook, X (Twitter), LinkedIn, and Discord to help plan your shared metadata.
Why Open Graph Tags Matter
Without OG tags, social platforms have to guess how to display your link — often with messy or missing results.
The Social "Business Card"
Open Graph tags are the metadata that control how your link appears when shared on Facebook, LinkedIn, Discord, WhatsApp, Slack, Telegram and most other platforms. They're the difference between a clickable preview and a plain blue link.
Twitter Cards
Twitter (X) uses its own tag format, but falls back to Open Graph tags when Twitter-specific ones aren't set. Our generator creates both.
Visual Clarity
A relevant preview image can make a shared link more visually noticeable and structured compared to text-only links.
Metadata Standardisation
One set of standard metadata that platforms can use to build link previews. Our live previews simulate how your title, description and image may appear on supported platforms.
Open Graph Generator
📝 Page Details
Keep titles concise to reduce truncation in previews.
Keep descriptions concise; platforms may truncate them differently.
1200×630px (1.91:1) is a widely used recommended size for social link previews.
💻 Generated Meta Tags
👁️ Simulated Social Media Previews
What Each Field Means
Quick reference for metadata parameters configured by the generator.
og:title
The headline that appears in social shares. Should be concise. Use your page title or a social-optimized variation.
og:description
The snippet below the title. Keep it clear and benefit-focused to help summarize your page.
og:image
An essential tag for visual engagement. 1200×630px is a functional general recommendation. Must be a direct absolute image URL.
og:url
The preferred URL for the shared page. Keep it consistent with your canonical URL when appropriate.
og:type
Tells platforms what kind of content this is. website for generic pages, article for blog posts, product for e-commerce.
X (Twitter) Cards
X supports Twitter Card metadata, and Open Graph metadata can also be used when specific card metadata isn't provided.
Want to Preview Social Media Links Before You Share Them?
We published a complete guide explaining how social media link previews work, how Open Graph and Twitter Card tags control preview images, titles and descriptions, common preview issues, and how to verify your links before sharing them.
📘 Read Full Social Link Preview Guide →Honest by Design — What This Tool Does and Doesn't Do
This tool generates Open Graph and Twitter Card meta tags on our server. Here is exactly what it does and does not do:
- ✓ Generates standard OG + Twitter tags and shows simulated previews for 4 platforms.
- ✓ Shows an approximate preview of how your metadata may appear when shared.
- ✓ Saves your tag configurations in your browser's local storage for later retrieval.
- ✓ Does not guarantee social engagement — structural content quality matters most.
- ✓ Does not deploy the tags for you — you paste them manually into your HTML
<head>. - ✓ Does not clear social platform caches — use their debuggers after updating.
This tool does
- Generate standard Open Graph metadata tags
- Generate Twitter Card tags
- Show simulated visual layouts for Facebook, X, LinkedIn, Discord
- Support selected generic and advanced og:type values
- Store multiple configuration sets in your browser local storage
- Copy tags to clipboard or download as a structured .txt file
This tool does not
- Automatically inject tags into your external web pages
- Force platforms to instantly re-index or update cached preview images
- Host your preview images — you must provide direct image URLs
- Store your personal configurations on our persistent database
- Require user sign-up, accounts, or third-party API credentials
- Track or save submitted form parameters on our server
How to Use This Generator
Four steps from filling the form to pasting the code into your site.
Fill in details
Enter your title, description, URL, image and content type.
Check previews
Watch simulated Facebook, X, LinkedIn and Discord previews update live as you edit.
Copy or download
Copy the generated code block or download it as a raw .txt file.
Paste into <head>
Paste the tags into your HTML. After publishing, run platform debuggers if you need to refresh existing cache.
Open Graph Mistakes That Hurt Shares
Avoid these typical pitfalls when setting up OG tags.
Missing or Broken Image
Shares appear as text-only links with no thumbnail element.
Fix: Provide a valid 1200×630px image. Use a direct, absolute image URL, not a redirect link. Test using web debuggers.
Wrong Image Aspect Ratio
Images look cropped or padded on specific screen layouts.
Fix: Adopt a standard 1.91:1 aspect ratio to match widely documented social platform expectations.
Cached Old Previews
Tags are updated on the page, but older previews persist on platforms.
Fix: Use the Facebook Sharing Debugger to trigger a scrape, or check your links on other platforms to let their cache expire naturally.
Inconsistent og:url
Engagement data registers across fragmented variations of a URL.
Fix: Consistently populate the preferred canonical address, omitting trackable parameters and query strings where possible.
Truncated Metadata Titles
Page titles are cut off with trailing dots in compact shared panels.
Fix: Keep your title metadata concise and structure important branding words near the start.
Incorrect Content type
Pages lack contextual schema tags relevant to specific media objects.
Fix: Use specific formats like article for blog elements and product for merchant items to support rich features.
When to Use This Generator
Use the tool for these common scenarios.
Meta Graph Generator vs Open Graph Generator
These terms are often used interchangeably, but there is an important naming distinction.
Open Graph Generator
This is the clearer technical name for a tool that generates
og: metadata such as og:title,
og:description, og:image, and
og:url. These tags provide information that social
platforms can use when creating link previews.
Meta Graph Generator
“Meta Graph Generator” is not the official name of a separate metadata standard. It is sometimes used informally to describe an Open Graph generator, particularly when people associate Open Graph with Meta's platforms.
Which term is correct?
Open Graph Generator is the more precise technical term. Open Graph is an open metadata protocol, while Meta is the company behind platforms such as Facebook and Instagram. This tool generates Open Graph metadata; it does not generate a separate “Meta Graph” format.
Open Graph Generator FAQs
Answers based strictly on what this tool does and how OG tags work.
Where do I paste the generated tags?
Inside the <head> section of your HTML — between <html> and <body>. In WordPress, standard SEO plugins already manage OG fields, so manual injection is typically not required there.
What image size is best for og:image?
1200 × 630 pixels (1.91:1 ratio) is a widely used recommended size for social link previews. Platform-specific requirements and rendering behavior can vary.
Why doesn't X show my updated share image?
Social platforms cache metadata to optimize feed speed. After updating, you can check the shared URL directly on X and allow time for cached metadata to refresh naturally.
Does Facebook also cache previews?
Yes. After updating og:image, you can use the Facebook Sharing Debugger to inspect the URL and request a fresh scrape.
Do I need both OG and Twitter tags?
X can use Open Graph metadata when specific card metadata is omitted, but providing distinct tags gives you more control over X-specific card behavior.
Is my data stored on your server?
The tool does not intentionally save your generated tag sets in our application database. Your saved history stays in your browser's localStorage.
What about LinkedIn and Discord?
LinkedIn and Discord can use Open Graph metadata, but their final previews may differ because each platform has its own rendering and caching behavior.
Can I use a relative image URL like /images/photo.jpg?
No. og:image properties require fully qualified absolute URLs because platform crawlers retrieve metadata from your publicly accessible page.