Zero Snippet

Open Graph preview for social link cards & unfurls

Paste any public page to generate an Open Graph preview before you tweet, post, or drop a link in Slack. We read og:title, og:description, og:image, og:url, and Twitter Card fields from the HTML, then show a compact social share card plus a field-by-field breakdown. Use it for Facebook link previews, LinkedIn post previews, messaging apps that unfurl URLs, and any workflow where link preview quality affects clicks and trust.

How to use this Open Graph checker

Enter a full URL or a hostname; if you skip https:// we assume HTTPS. Click Preview to fetch the document from our infrastructure (with the same public URL safety checks as our other website tools). The top panel approximates how a rich link preview might look: hostname, title, description, and cover image when og:image resolves. Below, compare raw Open Graph protocol values side by side with Twitter meta tags and HTML fallbacks (<title> and meta description). Iterate in your CMS or framework until every field you care about is populated and images load over HTTPS with sensible dimensions.

Open Graph tags: a practical guide for marketers and developers

At minimum, most teams implement og:title and og:description to control the headline and body copy of an unfurl. og:image should be an absolute URL to a raster image platforms can fetch; relative paths only work if the base URL is unambiguous. og:url should point at the canonical share target when you have duplicates or tracking parameters stripped. Optional og:type and og:site_name help categorization and branding in some clients. Pair this page with the canonical tag checker when you want og:url and rel=canonical to agree, and the redirect chain checker if marketing links hop through shorteners before landing on tagged HTML.

Twitter Cards, Slack, and other unfurl engines

Many products read Twitter's twitter:* namespace first, then fall back to Open Graph. We surface twitter:card, twitter:title, twitter:description, and twitter:image so you can spot mismatches—for example a long summary_large_image crop that looks fine on one network but tight on another. Remember that each platform caches: after you fix tags, you may need their debugger or a cache-busting image URL to see updates immediately. When a preview works here but not in production, verify HTTP status and headers with our HTTP header checker and confirm the page returns 200 HTML without bot-blocking that might differ per user agent.

SEO, CTR, and when Open Graph still matters

Open Graph metadata is not a replacement for on-page SEO, but it aligns how your story appears in organic snippets and social feeds. A strong meta description supports both search result blurbs and fallback unfurls when og:description is absent. Technical hygiene still matters: serve pages over HTTPS with a valid certificate—our SSL certificate checker helps before launch—and keep internal links healthy with the broken link checker on key templates. For a broader tag inventory (including robots and viewport), pair this page with the meta tags extractor for full-document head markup while this tool emphasizes share-oriented Open Graph and Twitter fields.

Limitations and honest expectations

We parse the initial server HTML up to a size limit—pages that inject Open Graph only after heavy client-side JavaScript may look empty here and to crawlers. Image previews in your browser depend on third-party servers allowing the request; a tag can be correct while the image fails to render due to hotlink protection or CORS. Results reflect what our fetch sees from the public internet, not logged-in or geo-gated content. Use the preview as a fast Open Graph debugger-style signal, then validate in each network you rely on.

Related free website tools

Explore every utility in the website and URL tools section, or open a focused checker below.

  • Broken Link Checker — Scan outbound links from any URL for 404s and broken hrefs—paste a page and audit links in seconds.
  • HTTP Header Checker — Inspect HTTP response headers for any URL: cache control, content-type, CORS, and security-related values.
  • Redirect Chain Checker — Trace the full redirect path to the final URL and spot unnecessary hops hurting SEO and performance.
  • SSL Certificate Checker — Verify TLS certificate validity, expiry, issuer, and chain for any domain before users hit errors.
  • DNS Lookup Tool — Query A, AAAA, MX, CNAME, TXT, NS, and SOA records for troubleshooting email, hosting, and DNS.
  • WHOIS Lookup — Look up domain registration details: registrar, dates, and status for research and due diligence.
  • IP Address Lookup — Resolve IPv4 or IPv6 to geolocation, ISP, ASN, and hostname for network and fraud analysis.
  • Domain Age Checker — See how long a domain has been registered—useful for SEO trust signals and quick vetting.
  • Robots.txt Checker — Fetch and review robots.txt rules, directives, and sitemap lines to catch crawler misconfiguration.
  • Meta Tags Extractor — Extract title, meta description, Open Graph, Twitter Card, and canonical tags from any live URL.

Frequently asked questions

What is Open Graph and why does my link preview matter?
Open Graph is a set of meta tags (for example og:title, og:description, og:image) that many social networks and messengers read when someone shares a URL. A clear title, compelling description, and correctly sized image improve click-through from Facebook, LinkedIn, Slack, iMessage link previews, and other platforms that honor these tags.
How do I use this Open Graph preview tool?
Paste any public http or https URL (with or without the scheme) and run the preview. We fetch the HTML from our servers, parse Open Graph and Twitter Card tags, and show a share-style card plus the raw fields we detected. Use it before publishing blog posts, launch pages, or pitch decks that will be shared as links.
Is this the same preview Facebook or LinkedIn will show?
It is a faithful read of the same meta tags those platforms use, but each network may cache images, crop aspect ratios differently, or apply their own templates. Treat this preview as a strong signal that your tags are present and sensible—then spot-check the live share in each network you care about after major content changes.
Why is my og:image missing or broken in the preview?
Common causes include a relative image path without a resolvable base URL, blocked hotlinking, HTTP image URLs on an HTTPS page, very large files, or tags injected only client-side after JavaScript runs. Our checker sees the initial HTML response only; if your CMS fills tags in the browser, crawlers may also miss them—prefer server-rendered meta tags.
Do you support Twitter Card tags?
Yes. We read twitter:card, twitter:title, twitter:description, twitter:image, and twitter:image:src when present. For the combined preview we prefer Open Graph values first, then fall back to Twitter tags, then to the document title and meta name="description".
What URLs are allowed?
Only public http and https addresses that resolve to non-private IPs, same as our other website tools. URLs with credentials, localhost, and internal hostnames are blocked to reduce abuse and SSRF risk.
How does this relate to SEO?
Open Graph does not replace ranking signals, but it shapes how your page looks when shared— which affects traffic and brand perception. Pair tag checks with canonical URLs, clean redirects, and accurate page titles. Our HTTP header checker, redirect chain checker, and meta-oriented utilities on the home page complement this workflow.