Open Graph Preview
Fetch a URL's OG/Twitter meta tags and preview the share card.
Open Graph Preview takes a page URL, fetches its HTML on our server, and extracts the Open Graph meta tags (og:title, og:description, og:image) plus Twitter Card (twitter:*) tags. It then renders the share card roughly as it would appear on Facebook, Slack, LinkedIn and similar platforms — a handy check before you ship.
The most common reasons a share card breaks or shows no thumbnail are a missing og:image, a non-absolute image URL, or a missing og:title. This tool fetches the page once, like a social crawler would, and shows exactly which tags are empty so you know what to fix.
Key OG tags
- og:title: the card title. If absent, the page title is sometimes used instead.
- og:description: the card body text, usually truncated to a few lines.
- og:image: the thumbnail. Use an absolute URL (recommended 1.91:1, at least 1200x630).
- og:url: the canonical URL. Prefer a clean address over one with tracking parameters.
- og:type: the content type, such as website or article.
Twitter Cards
Twitter (X) prefers its own twitter:card, twitter:title and twitter:image tags. When those are missing, most clients fall back to the og:* values, so a solid set of OG tags covers most platforms at once. Use twitter:card=summary for a small card and summary_large_image for a large image card.
When the thumbnail is missing
If og:image is a relative path, some crawlers will not pick it up. Always use an absolute URL starting with https, and make sure the image is publicly accessible (no login or hotlink protection). Caches can show an old card, so refreshing the cache in each platform's debugger can help too. To create the OG tags from scratch, the Open Graph tag generator builds the meta tags you need in one go.