Open Graph Preview

What is an Open Graph preview tool?

An Open Graph preview tool simulates the link card shown when a webpage is shared on Facebook, LinkedIn, Twitter/X, and other platforms. Edit the page title, description, cover image, site name, content type, and URL to check the social copy, then generate og:title, og:description, og:image, and Twitter Card meta tags that can be copied into the page head.

How to use the Open Graph preview

1. Enter the complete page URL and write a clear social title and description that explain the page value.
2. Add a publicly accessible cover image URL, preferably a clear landscape image served over HTTPS.
3. Switch between Facebook, LinkedIn, and Twitter/X previews to inspect wrapping, image ratio, and description visibility.
4. Copy the generated meta tags into the page head and refresh platform caches with their debuggers after publishing.

What Open Graph tags are used for

• Control shared title and description

  og:title and og:description provide social copy that can be more suitable than the regular page title and description, reducing truncation and missing context.

• Set the social sharing image

  og:image and twitter:image define the card cover. The image must be publicly reachable by platform crawlers and should not depend on local paths, login sessions, or temporary authorization.

• Describe content type and canonical URL

  og:type helps platforms understand whether the page is a website, article, product, or video, while og:url identifies the canonical address represented by the card.

• Improve preview consistency

  Checking several platform cards before publishing helps find URL, image ratio, copy length, and encoding issues earlier.

Open Graph preview frequently asked questions