Open Graph Generator
Generate Open Graph tags with a live Facebook/LinkedIn share card preview. Controls how your page looks when shared on social media.
✅ Free 📱 Live Card Preview 🖼️ Image Preview 🔒 Private
📊Open Graph Tag Generator
0/95
0/200
📱 Facebook / LinkedIn Share Preview
🖼️
EXAMPLE.COM
Your page title for social shares
A compelling description that encourages social clicks.
Generated HTML
📊
Live Card Preview
See your Facebook/LinkedIn share card — including image — render in real time as you fill in fields.
🖼️
Image Preview
Enter any og:image URL and see it load directly in the card preview.
🔑
All OG Properties
Generates og:type, url, title, description, image, image:alt, site_name and locale.
🔒
100% Private
All generation runs in your browser. No data sent to any server.
⭐ User Reviews
P
Priya T.
Yesterday
⭐⭐⭐⭐⭐
The live card preview showing how my page looks on Facebook and LinkedIn is exactly what I needed. I can adjust until it looks perfect before copying.
Open Graph GeneratorB
Ben S.
3 days ago
⭐⭐⭐⭐⭐
The og:image:width and og:image:height tags auto-added at 1200×630 — I always forgot those. The image URL preview loading in the card is a brilliant touch.
Open Graph GeneratorC
Clara M.
1 week ago
⭐⭐⭐⭐⭐
Image alt text for OG is a rarely-seen feature in free generators. Important for accessibility. Very thorough implementation of the OG spec.
Open Graph GeneratorR
Raj K.
2 weeks ago
⭐⭐⭐⭐⭐
The og:type dropdown covers website, article, product, profile and video. The locale selector is great for international sites.
Open Graph Generator📖 How to Use
1
Enter Page Details
Fill in title, description, URL and image URL. The share card preview updates live.
2
Set Type and Locale
Choose og:type and locale appropriate for your page.
3
Check Preview
Verify the Facebook/LinkedIn card looks as intended before copying.
4
Copy HTML
Click Copy HTML and paste into your page's
section.🎯 Related Tools
❓ FAQ
What are Open Graph tags?+
OG tags are meta tags in that control how your page appears when shared on Facebook, LinkedIn, WhatsApp and other platforms supporting the OG protocol (ogp.me).
What size should og:image be?+
Recommended 1200×630px (1.91:1 ratio). Minimum 600×315. Facebook requires at least 200×200. Use PNG or JPEG.
Why is my OG image not updating after I changed it?+
Social platforms cache OG data aggressively. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a cache refresh.
What is og:type and which should I use?+
og:type defines the object kind: website (generic), article (blog/news), product (e-commerce), profile (person pages). The type affects which additional properties are available.
Do OG tags affect SEO rankings?+
OG tags do not directly affect Google rankings. However, they improve click-through rates from social shares, which indirectly drives more traffic.