See exactly how your page will look when shared on Facebook and other Open Graph platforms. Paste your page's og: meta tags or fill the fields, and the live card preview updates instantly — with a checklist of the required Open Graph properties. 100% in your browser — nothing is uploaded or stored.
Open Graph checklist
🔒 Everything runs in your browser. Nothing you enter is uploaded, logged or stored.
The Facebook & OG Preview Tester shows you exactly how your page will appear when someone shares it on Facebook, LinkedIn, WhatsApp or any platform that reads Open Graph tags. Paste your page's og: meta tags or type the values into the fields, and a live card preview renders instantly — the image, title, description and domain laid out just as the social network displays them. Alongside the card, a checklist flags any required Open Graph property that is missing or malformed, so you can fix problems before a link looks broken in someone's feed.
It is part of the Social & Rich Preview group in our free SEO Toolkit. Pair it with the Open Graph Generator to create the tags, the Twitter Card Preview for X, the Meta Tag Generator for a full head block, and the Meta Tag Analyzer to audit an existing page. Everything runs in your browser — nothing you enter is uploaded or stored.
A live card and a validation checklist.
The real Facebook layout updates as you type.
Paste your tags or fill the fields directly.
Flags missing or malformed required properties.
Parsing runs in your browser — nothing leaves your device.
From OG tags to a real share card.
Paste og: meta tags or fill fields.
The preview renders instantly.
Spot missing or invalid properties.
Update your tags with confidence.
A complete Open Graph card with image, title and domain.
An Open Graph preview tester shows how a web page will look when it is shared on social platforms. When you post a link on Facebook, LinkedIn, WhatsApp or many other services, the platform reads a set of og: meta tags from the page's <head> and builds a rich card from them — an image, a headline, a short description and the site's domain. If those tags are missing, wrong or point to a broken image, the share looks bare or misleading and gets far less engagement. This tool renders that card live from your tags and checks the required properties, so you see and fix problems before anyone shares the link. It is part of the Social & Rich Preview group in the SEO Toolkit.
The Open Graph protocol defines a handful of properties that control the share card. Four do most of the work. og:title is the headline; if it is absent the platform guesses from the page title, which is rarely ideal. og:description is the supporting line beneath it. og:image is the single biggest factor in whether a share gets clicked — Facebook recommends an image of at least 1200 by 630 pixels at a 1.91:1 ratio. og:url sets the canonical link the card points to. Two more are useful: og:site_name shows your brand, and og:type describes the content, usually website or article. You can build a complete set with the Open Graph Generator and audit one with the Meta Tag Analyzer.
The headline of the share card.
The line of supporting text below it.
The picture — aim for 1200 × 630 pixels.
The canonical URL the card links to.
On a busy feed, the image is what stops the scroll. A share with a clear, correctly sized og:image takes up far more visual space and earns more clicks than a bare text link. The recommended size is 1200 by 630 pixels, which fills the card cleanly at the 1.91:1 ratio Facebook uses; smaller images may be cropped, shown small, or ignored. The image URL must be absolute — starting with http or https — because the platform fetches it from the open web, not from a relative path. This tool flags a missing or non-absolute image immediately, since it is the most common and most costly mistake.
No. A private in-browser tool cannot fetch arbitrary URLs because cross-origin rules block reading another site's HTML. Instead you paste your tags or type the values, and the tool renders the card from those. This is ideal for testing tags before you publish them. To debug a live URL after publishing, use Facebook's own Sharing Debugger, which also clears its cache.
Facebook caches the Open Graph data it scrapes, so a change can take time to appear. To force a refresh, run the page through Facebook's Sharing Debugger and use the Scrape Again option, which re-reads your tags and updates the cached card. This tool always reflects the tags you give it right now, with no caching.
Use 1200 by 630 pixels, which matches the 1.91:1 ratio Facebook displays and looks sharp on high-resolution screens. Keep the file under about 8 MB and use JPG or PNG. Avoid putting essential text near the edges, since the card can crop slightly on different devices. The same image works well for LinkedIn and most other Open Graph platforms.
No. Your tags are parsed entirely in your browser with JavaScript, and the tool never makes a network request with your content. The only external request is the browser loading your og:image to display it in the preview. Nothing you paste is uploaded, logged or stored.
Confirm a new post's share card before it goes live.
Find why a link previews with no image or title.
Make sure product links look right when shared.
Polish the card for paid and social campaigns.
Use the Facebook & OG Preview Tester with these tools from the SEO Toolkit: create the tags with the Open Graph Generator, preview the X version with the Twitter Card Preview and build those with the Twitter Card Generator, assemble a full head with the Meta Tag Generator, audit a page with the Meta Tag Analyzer, and check the search snippet with the SERP Snippet Preview.
Anyone who shares pages on social media.
Everything about Open Graph previews.
It renders a live preview of how your page will look when shared on Facebook and other Open Graph platforms. You paste your og: meta tags or fill the fields, and the tool draws the share card — image, title, description and domain — and runs a checklist that flags any required Open Graph property that is missing or malformed.
Yes, completely. There is no cost, no sign-up and no limit on how many previews you generate. The tool runs entirely in your browser, so there are no server costs and nothing to pay for.
The four that matter most are og:title, og:description, og:image and og:url. og:image has the biggest impact on engagement. og:site_name and og:type are recommended but optional. The checklist marks each property as present, missing or malformed so you know exactly what to add or fix.
Use 1200 by 630 pixels, which matches the 1.91:1 ratio Facebook displays and stays sharp on high-resolution screens. Keep the file a reasonable size in JPG or PNG, and avoid important text near the edges since the card can crop slightly. The same image works for LinkedIn and most Open Graph platforms.
The most common reason is that og:image points to a relative path rather than an absolute http or https URL. Platforms fetch the image from the open web, so it must be a full URL. The tool flags this, and also shows a load error if the URL is absolute but the image itself cannot be retrieved.
No. A private in-browser tool cannot fetch another site's HTML because cross-origin rules block it. You paste your tags or type the values, and the card renders from those. This is ideal for testing before you publish. To debug a published URL, use Facebook's own Sharing Debugger, which also refreshes its cache.
Facebook caches the Open Graph data it scrapes, so changes can lag. Run the page through Facebook's Sharing Debugger and use Scrape Again to force it to re-read your tags and rebuild the cached card. This tool itself never caches — it always reflects the tags you give it right now.
Yes. Switch to the fields mode and type your title, description, image URL, page URL and site name directly. The card and checklist update as you type, with no need to write meta-tag markup. When you are happy, use the Open Graph Generator to produce the tags to paste into your page.
Largely yes. LinkedIn, WhatsApp, Slack, Discord, Pinterest and many others read Open Graph tags, so a well-formed set works across most of them. X can also read OG tags as a fallback but has its own Twitter Card tags for finer control, which you can check with the Twitter Card Preview tool.
No. Your tags are parsed entirely in your browser with JavaScript, and the tool never sends your content over the network. The only external request is your browser loading the og:image to display it. Nothing you paste is uploaded, logged or stored, so it is safe for unreleased pages.
Yes. The preview tester is fully responsive, so you can paste tags or fill fields and read the card and checklist from a phone or tablet. The input area, the live share card and the Open Graph checklist all display cleanly on small screens just as they do on desktop.
Convert, compress, and resize images in multiple formats — JPG, PNG, WebP, ICO, and more.
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
See the live Open Graph card for any page, catch missing or malformed og: tags with the checklist, and make your shares look right before they go out. Free, private and instant in your browser.
📘 Open the Preview Tester ← All Preview Tools