OG Scope

Preview how your website will look when shared

Open Graph Preview Tool

Preview how your website links may appear when shared on LinkedIn, WhatsApp, Facebook, X, Slack, Discord, and Telegram.

No signup. No account. Free to use.

How it works

Everything happens in the browser session you already have open. Nothing is saved to an account.

  1. Step 1

    Enter a URL

    Paste any public http or https address. A scheme is added when you leave it off.

  2. Step 2

    Fetch the page

    The server requests the HTML. The page source never comes back to your browser.

  3. Step 3

    Read the tags

    Open Graph, Twitter card, title, description, canonical, and favicon tags are extracted.

  4. Step 4

    Review the result

    Estimated cards, a metadata table, an image check, and a short checklist appear together.

What is an Open Graph Preview?

When a link is pasted into a social feed, the product has to decide which headline, summary, and image to show. Open Graph is the set of HTML tags a page can publish so that choice is less of a guess. An Open Graph preview is simply a reading of those tags: the title from og:title, the summary from og:description, and the picture from og:image.

This tool fetches the public page, reads those tags on the server, and draws an estimated card. It is a debugging aid for the markup you shipped. It is not a promise that Facebook, LinkedIn, or X will render the same pixels, and it does not execute JavaScript on the target page.

How does the Open Graph Preview Tool work?

  1. You enter a public URL and press Preview.
  2. A server route fetches the HTML, follows safe redirects, and stops if the host is private or unreachable.
  3. The response is parsed for Open Graph tags, Twitter card tags, the document title, the meta description, the canonical URL, and the favicon.
  4. The page shows estimated social cards, a metadata table, an image check, and a checklist of what was found.

What is an OG image?

The OG image is the file referenced by og:image. It is the picture most link previews try to show beside or above the title. A useful image is large enough to stay sharp after cropping, uses an absolute https URL, and actually returns an image when requested. A path such as /og.jpg is easy to miss and often fails once the page is shared off your own site.

The OG image checker reports the published URL, the resolved URL, whether the file loaded, and the dimensions when they can be read from the file.

How to fix missing Open Graph tags

Put the tags in the document <head> of the HTML response, not only in a client-side render. Most social crawlers do not run your JavaScript. A practical starting set looks like this:

<meta property="og:title" content="Page title" />
<meta property="og:description" content="One or two plain sentences." />
<meta property="og:image" content="https://example.com/og.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Example" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Page title" />
<meta name="twitter:description" content="One or two plain sentences." />
<meta name="twitter:image" content="https://example.com/og.jpg" />

Use the final public URL in og:url, and use the same URL you want people to land on. After you deploy, run the page through this tool. If a platform still shows an old card, its crawler is usually serving a cached copy. Facebook and LinkedIn both provide official tools to request a fresh fetch.

Facebook link preview

Facebook link previews commonly use og:title, og:description, og:image, and og:url. The image is often cropped to a wide ratio, so important detail should sit near the center. Read more in the Facebook link preview guide.

LinkedIn link preview

LinkedIn also reads Open Graph tags for shared links. A clear title, a short description, and a large image matter more than extra Twitter-only tags. The LinkedIn preview guide covers the fields this tool uses for that card.

Twitter/X cards

X still honors the older twitter:card tags. summary is a compact card. summary_large_image is the wide image layout. When a Twitter tag is missing, X may fall back to the matching Open Graph tag. The Twitter card checker shows which of those tags were present and which layout this tool estimated.

FAQ