Open Graph Tester
Preview how a link will look when shared across social platforms.
What this tool does
Open Graph tester that fetches any public URL and shows exactly how the link will be rendered when shared. It pulls Open Graph, Twitter Card and standard meta tags, then lays them out as side by side preview cards so you can spot what is missing before launch.
If you want to cross-check the underlying tags, run a quick regex tester on the source, or feed the metadata through JSON formatter to see it as structured data.
What you can use it for
- Confirm a new blog post displays its hero image when shared on Facebook or LinkedIn.
- Check that a product page uses the right Twitter card type before scheduling a launch tweet.
- Audit a client site for missing title, description or image tags.
- Compare staging and production previews after editing the SEO of a page.
How to use it
- Paste the URL you want to inspect.
- We fetch the page from our server and parse the meta tags.
- Review the Facebook and Twitter preview cards plus the full tag list.
- Copy the raw tag dump if you want to share it with a teammate.
Everything runs inside your browser. No file is uploaded to any server. See more tools in this field.
Open Graph tags worth setting
Not every meta tag matters equally. These are the ones social platforms actually read when they render a link card. Set them and your share preview stops looking broken.
| Tag | What it does | Example value |
|---|---|---|
| og:title | Title shown in the shared card. Falls back to <title> if missing. | ToolFarm. Free tools for everyday tasks. |
| og:description | One-line summary under the title. | Convert, format and clean files from your browser. |
| og:image | Preview image. 1200 by 630 px is the safe default for every platform. | https://toolfarm.io/og/en/home.png |
| og:url | Canonical URL the card should link to. | https://toolfarm.io/en |
| og:type | Content kind. Use 'article' for blog posts, 'website' for landing pages. | website |
| og:site_name | Site name shown in some cards above the title. | ToolFarm |
| twitter:card | Twitter-specific layout. 'summary_large_image' fills the card with the image. | summary_large_image |
Pairs well with
Other tools people reach for in the same flow.
- Meta Tag AnalyzerComing soon
Usually paired in the same flow.
- Regex Tester
test regular expressions
Helpful when auditing meta tags.
- JSON Formatter
format and validate JSON
Helpful when auditing meta tags.
- SEO ScorerComing soon
Helpful when auditing meta tags.
Related tools
SEOFrequently asked questions
Why fetch from your server and not from the browser?
Most sites block cross-origin requests from a browser. Running the fetch on our server side avoids that wall, and we never store the URL or the response.
Which tags do you read?
Standard title and description, the full Open Graph set (og:title, og:image, og:type, og:site_name and friends), Twitter Card tags and the canonical link. Anything else we find is listed in the raw tag table.
What if the image does not load in the preview?
Usually the og:image URL is relative, behind authentication or blocking hotlinking. Open the resolved URL in a new tab to verify, and make sure the image is publicly reachable.
Does this work with single page apps?
Only if the meta tags are rendered on the server. Many SPA frameworks inject them in JavaScript after the page loads, and crawlers do not see them. If yours does this, switch to server side rendering for the SEO routes.