Open Graph Preview
Preview social share cards & get OG tags.
100% private — runs in your browser, nothing is uploaded.
toolerax.com
Toolerax — Free Online Tools for Everyone
Fast, free and private online tools that run entirely in your browser. No sign-up, no upload.
<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://toolerax.com" />
<meta property="og:title" content="Toolerax — Free Online Tools for Everyone" />
<meta property="og:description" content="Fast, free and private online tools that run entirely in your browser. No sign-up, no upload." />
<meta property="og:image" content="https://toolerax.com/og.png" />
<meta property="og:site_name" content="Toolerax" />
<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://toolerax.com" />
<meta name="twitter:title" content="Toolerax — Free Online Tools for Everyone" />
<meta name="twitter:description" content="Fast, free and private online tools that run entirely in your browser. No sign-up, no upload." />
<meta name="twitter:image" content="https://toolerax.com/og.png" />
<meta name="twitter:site" content="@toolerax" />Recommended image size: 1200×630px. Paste these tags into your page's <head>.
How to use the Open Graph Preview
- 1Fill in the details
Enter your title, description, URL and image.
- 2Preview per network
Switch between Facebook, X/Twitter and LinkedIn.
- 3Copy the tags
Copy the generated Open Graph and Twitter Card meta tags.
- 4Add to your <head>
Paste them server-side, then re-scrape with the platform's debugger.
Examples
| Input | Output |
|---|---|
og:title + og:image | <meta property="og:title" content="…" /> |
image 1200×630 | large summary card |
Free Open Graph preview & tag generator
This Open Graph preview shows how your link will look when shared on social media and generates the Open Graph and Twitter Card meta tagsto match. A good share card dramatically improves click-through when your content is posted — it's the difference between a bare URL and a rich image card.
One set of tags, every platform
Facebook, LinkedIn and most messaging apps read og: tags; X/Twitter prefers twitter: tags but falls back to Open Graph. This tool outputs both, so a single paste covers all the major networks. Toggle the preview between them to see how each renders your title, description and image.
Get the image right
The image is what makes a share card stand out. Use 1200×630pxfor a crisp large card, keep key text away from the edges (platforms crop differently), and host it at a stable URL. After updating tags on a live page, re-scrape it in the platform's debugger to bust the cache — social sites hold onto old previews for a long time. Everything here runs privately in your browser.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (og:) meta tags tell social platforms how to display your link when it's shared — the title, description and image shown in the preview card on Facebook, LinkedIn and messaging apps.
What image size should I use?
1200×630 pixels is the sweet spot for a large share card, giving a 1.91:1 ratio that platforms crop cleanly. Keep important content away from the very edges, and keep the file reasonably small.
Do I need Twitter Card tags too?
X/Twitter reads Open Graph tags as a fallback, but adding twitter:card and twitter:image gives you precise control. This tool outputs both sets so your link looks right everywhere.
Why does my shared link show the wrong image?
Platforms cache previews aggressively. After updating your tags, use the platform's debugger (like Facebook's Sharing Debugger) to re-scrape the URL and clear the old cache.
Where do the tags go?
Paste them inside the <head> of your HTML page. They must be server-rendered so crawlers can read them — tags added later by client-side JavaScript are often missed.
Is my data uploaded?
No. The preview and tag generation run in your browser. The image is loaded directly from the URL you provide, and nothing you type is sent to us.