Online Tool Store
Open Graph Previewer
Preview an Open Graph link card as it would appear on Facebook, X, or Discord, with per-platform character limits and generated meta tags. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
How it works
- Enter your title, description, URL, and image URL.
- Choose a platform to preview against its character limits.
- Copy the generated meta tags into your page's `<head>`.
FAQ
What is Open Graph?
A set of meta tags (og:title, og:description, og:image, and more) that control how a link looks when shared on Facebook, LinkedIn, Discord, Slack, and similar platforms — without them, a shared link often shows a bare URL and no preview.
Why do title and description get truncated?
Each platform enforces its own character limits on the preview card — text beyond that limit gets cut off with an ellipsis, so it's worth checking how your title and description look at those limits before publishing.
Does this actually read tags from a live URL?
No — this tool lets you draft and preview tags before you publish them. To check how a live page renders, use each platform's own debugger (Facebook Sharing Debugger, Twitter Card Validator, etc.) after publishing, since they may cache old previews.
Is any data sent to a server?
No — the preview is rendered entirely in your browser from what you type. The og:image itself loads directly from the URL you provide, the same way any browser tab would.
How we compare
| Feature | Online Tool Store | Platform debuggers (post-publish) | Manually writing tags |
|---|---|---|---|
| Preview before publishing | ✓ | Requires a live, published URL | No visual feedback |
| Character limit warnings by platform | ✓ | One platform at a time | Manual guesswork |
For catching a too-long title or a missing image before you push a page live, this beats finding out after someone shares a broken-looking link.