Open Graph Preview

Preview how a link looks on social platforms and audit its OG tags.

100% private — everything runs in your browser

How to Use

  1. 1

    Open the page, view its source and copy the HTML.

  2. 2

    Paste the URL and the HTML into the fields.

  3. 3

    Build the preview and fix the checks that fail.

Examples

Complete tags

Input

<meta property="og:title" content="Free Tools"> plus og:description and an absolute og:image

Output

A card with image, title and description, and no failed checks.

Relative image

Input

<meta property="og:image" content="/cover.png">

Output

A warning that the image must be an absolute URL.

FAQ

Does this fetch my page?

No. It parses the HTML you paste, so pages behind a login or on localhost work too.

Which tags are read?

og:title, og:description, og:image, og:url, og:type, og:site_name, the title tag and the favicon link.

Why is my relative image flagged?

Social crawlers do not resolve relative paths consistently, so an absolute https URL is required.

Related Tools