Open Graph Generator
Design your social share cards with live Facebook, LinkedIn, and X previews — then copy the Open Graph and Twitter tags straight into your page.
Open Graph Settings
Fill in the share details — previews update live.
Twitter Card
Facebook / WhatsApp Preview
vizotool.com
Open Graph Generator — Preview Social Shares
Design your social share cards with live Facebook, LinkedIn, and X previews. Copy-ready Open Graph and Twitter tags.
LinkedIn Preview
Vizo Tool
Open Graph Generator — Preview Social Shares
Design your social share cards with live Facebook, LinkedIn, and X previews. Copy-ready Open Graph and Twitter tags.
X (Twitter) Preview
Vizo Tool
Open Graph Generator — Preview Social Shares
pic.twitter.com/example
Generated Meta Tags
Copy the Open Graph + Twitter block into your page head.
<head>
<!-- Open Graph -->
<meta property="og:title" content="Open Graph Generator — Preview Social Shares" />
<meta property="og:description" content="Design your social share cards with live Facebook, LinkedIn, and X previews. Copy-ready Open Graph and Twitter tags." />
<meta property="og:image" content="https://vizotool.com/og?title=Open%20Graph%20Generator" />
<meta property="og:url" content="https://vizotool.com/open-graph-generator" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Vizo Tool" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Open Graph Generator — Preview Social Shares" />
<meta name="twitter:description" content="Design your social share cards with live Facebook, LinkedIn, and X previews. Copy-ready Open Graph and Twitter tags." />
<meta name="twitter:image" content="https://vizotool.com/og?title=Open%20Graph%20Generator" />
</head>By Vizo ToolLast updated August 20265 min read
Open Graph Generator — Preview Social Shares Before You Publish
The Open Graph Generator builds the meta tags that control how your links look when shared on Facebook, LinkedIn, WhatsApp, and X (Twitter) — with live previews of each platform as you type.
Fill in your title, description, image, and URL, choose the share type, and instantly see a pixel-accurate Facebook post card, LinkedIn card, and Twitter summary card. Copy the complete OG + Twitter meta block and drop it into your page head.
- Facebook / LinkedIn / X previews
- OG image with aspect guidance
- Twitter Card support
- Copy-ready meta tags
Why Use Open Graph Generator?
Live Platform Previews
See exactly how your link appears on Facebook, LinkedIn, and X before you publish a single tag.
OG + Twitter in One
Generate both Open Graph and Twitter Card tags together — no platform is left with a bare link.
Image Guidance Built In
The tool flags image sizes that fall outside Facebook's recommended 1200×630 so your shares look sharp.
Copy-Ready HTML
Output is a complete meta block you can paste straight into your CMS or template.
Features
Core OG Fields
og:title, og:description, og:image, og:url, og:type, and og:site_name.
Facebook Preview
A realistic Facebook post-card preview with your image, title, description, and domain.
LinkedIn Preview
A LinkedIn-style share card preview so B2B shares look professional.
Twitter Card Preview
Summary and summary_large_image card previews with twitter:image and twitter:description.
Image Size Checker
Detects images below 1200×630 and warns you before your shares render blurry or cropped.
Copy & Download
Copy the full OG + Twitter meta block or download it as an HTML snippet.
How to Generate Open Graph Tags
Create social-ready share cards in three simple steps.
Enter your page details
Add the title, description, image URL, page URL, and site name. Optionally add a Twitter card image.
Check the previews
Watch the Facebook, LinkedIn, and X previews update live. Tune the title and description to read well on each platform.
Copy the tags
Copy the generated Open Graph and Twitter meta tags and paste them into your page <head>.
Frequently Asked Questions
Got questions? We've got answers.
What are Open Graph tags?▼
Open Graph tags are meta tags that tell social platforms how to display your page when shared — the title, description, and image that appear in the link card.
Why do my shared links show the wrong image?▼
That happens when og:image is missing or points to a small image. Use a 1200×630 image and Facebook's Sharing Debugger to refresh the cache.
What is the recommended Open Graph image size?▼
1200×630 pixels is Facebook's recommended ratio (1.91:1). Twitter uses the same image for summary_large_image cards.
Do Twitter Cards need separate tags?▼
X reads Open Graph tags as fallback, but adding twitter:card, twitter:title, twitter:description, and twitter:image gives you full control over X previews.
Why is my og:image not updating after I changed it?▼
Platforms cache shared links. Use Facebook's Sharing Debugger, LinkedIn Post Inspector, or X Card Validator to force a re-scrape.
What is og:type?▼
og:type describes the content type — website, article, product, video. Use article for blog posts and website for general pages.
Is the Open Graph generator free?▼
Yes, it's completely free with no sign-ups, no watermarks, and no usage limits.
Do Open Graph tags help SEO rankings?▼
Not directly for rankings, but rich, accurate share previews increase click-through and social engagement, which signal quality to search engines.
Where do I add Open Graph tags?▼
In the <head> of your page. Most SEO plugins (Yoast, Rank Math) add them automatically, but this generator is perfect for custom sites and apps.
What is og:url?▼
og:url declares the canonical URL for the shared page so all shares point to one consistent link — use it to prevent duplicate sharing confusion.
Can I generate tags for a product page?▼
Yes — set og:type to product and include the product name in og:title. Many platforms show product-specific styling.
Does the tool support video and audio?▼
og:type supports video and music values, and you can point og:image at a video thumbnail for share cards.
Why does WhatsApp sometimes show no image?▼
WhatsApp caches aggressively and requires a valid absolute og:image URL with proper file extension (PNG/JPG). Check the image URL is publicly accessible.
Can I preview mobile shares?▼
The generator shows desktop-style cards for Facebook, LinkedIn, and X. Mobile apps use the same tags, so the previews are accurate on phones too.
Does the generator validate my image URL?▼
It checks the image URL format and warns about non-absolute or missing URLs — for full validation use Facebook's Sharing Debugger.
Related Tools
Try more free browser-based image tools.
Compress
Reduce image file size instantly
Resize
Perfect dimensions every time
Flip
Mirror & rotate instantly
Convert
PNG, JPEG, WEBP — instantly
Watermark
Protect photos with text or logo
Remove Background
AI background remover in your browser
Passport Photo
Passport-size photos for 25+ countries
Image to PDF
Merge JPG, PNG & HEIC into one PDF
PDF to Image
Convert PDF pages to JPG or PNG
Signature Resizer
Resize signatures to any size & KB limit
Social Media Resizer
Exact sizes for every social platform
JSON Formatter
Beautify, minify & validate JSON instantly
JSON Validator
Validate JSON with error line numbers
Base64 Encoder
Encode text or files to Base64
Base64 Decoder
Decode Base64 back to text or files
Password Generator
Strong random passwords with a strength meter
UUID Generator
Generate UUID v1, v4 & v7 in bulk
QR Code Generator
QR codes for URLs, WiFi, WhatsApp & more
Gradient Generator
Linear, radial & conic CSS gradients
Box Shadow Generator
Design CSS box shadows visually
JWT Decoder
Decode JWT tokens & check expiry
SQL Formatter
Beautify & minify SQL queries
HTML/CSS/JS Playground
CodePen-style editor with live preview & console
SQL Playground
Run SQLite queries in your browser with sql.js
Meta Tag Generator
Create perfect SEO meta tags & SERP preview
Schema Generator
Generate JSON-LD structured data for 15+ types
Robots.txt Generator
Build a clean robots.txt in seconds
Sitemap Generator
Create XML sitemaps with image & video entries
UTM Builder
Build trackable campaign URLs with QR code
SERP Preview
See how your listing looks in Google search
Slug Generator
Create clean SEO-friendly URL slugs
Meta Tag Analyzer
Audit any page's meta tags & SEO score
Heading Checker
Check H1–H6 hierarchy & duplicate headings
Traffic Checker
Estimate website traffic from public SEO signals
SIP Calculator
Estimate the future value of your monthly SIP investments
Compound Interest
See how your principal grows with compound interest
EMI Calculator
Monthly EMI, interest & full amortization schedule
GST Calculator
Add or remove GST with CGST/SGST split
FD Calculator
Fixed deposit maturity value & interest earned
CAGR Calculator
Annualized growth rate of your investment
ROI Calculator
Return on investment & annualized ROI
Income Tax
Estimate Indian income tax — old & new regimes
Retirement Calculator
Project your retirement corpus & monthly income
Discount Calculator
Final price and savings after a discount
Profit Margin
Profit, margin & markup from cost and price
Stock Average
Average buy price across multiple purchases
Salary Calculator
Estimate take-home salary from CTC
Inflation Calculator
How inflation erodes purchasing power
Thumbnail Downloader
Download YouTube thumbnails in all available resolutions
Tags Extractor
Analyze video tags & get smart tag suggestions
Transcript Extractor
Get the transcript of any YouTube video with timestamps
Title Generator
Generate catchy, SEO-scored YouTube titles instantly
Description Generator
Write SEO-ready video descriptions with hashtags
Video Downloader
Save videos & audio — MP4, MP3, M4A with quality options