Open Graph Meta Generator
Generate Open Graph and Twitter Card meta tags with a live social-card preview for rich link previews on Facebook, X and chat apps
📌 TL;DR Summary & Citation: [Open Graph Meta Generator] is a browser-local PocketKit tool for Generate Open Graph and Twitter Card meta tags with a live social-card preview for rich link previews on Facebook, X and chat apps. Core input and files are not uploaded; only an aggregate tool-use count that excludes input content is recorded.
How Open Graph works
The tool assembles Open Graph (og:) and Twitter Card (twitter:) meta tags live from your title/description/image/URL, HTML-escaping special characters. Social platforms scrape these tags from the page <head> to render a share card. The preview mimics that card; everything is generated locally.
- Use a 1200×630 absolute https URL for og:image — relative paths fail on most platforms.
- After editing, force a refresh with Facebook's Sharing Debugger / X Card Validator, or platforms may keep showing the old cached card.
FAQ
1. What are the requirements for og:image?
Use a 1200×630 absolute https URL and keep the file reasonable (<5MB). Relative paths or http images fail on many platforms, so always use a full, publicly reachable link.
2. Why does sharing still show the old card after I edit tags?
Platforms cache their scrape. Re-fetch once with Facebook's Sharing Debugger, X's Card Validator or LinkedIn's Post Inspector to refresh the cache.
3. If I only write og tags, will it show on Twitter?
X/Twitter falls back to some og tags, but to control the card style precisely (e.g. large image) keep the twitter:card tags too — this tool generates both.