Open Graph Tag Preview

Preview how your webpage card will look when shared on Facebook, LinkedIn, Discord, and messaging platforms using Open Graph (og:*) meta tags.

Popular examples: https://google.comhttps://github.comhttps://wikipedia.org
Facebook & LinkedIn Preview

Simulate social feed post banners, headlines, and domain captions live.

OG Image Verification

Verify og:image presence, HTTP accessibility, and image dimensions (recommended: 1200 x 630 px).

Exact Property Extraction

Extract og:title, og:description, og:url, og:site_name, and og:type.

Fetching Webpage & Auditing Open Graph Tags…

Checking og:title, og:description, resolving relative og:image URLs, and testing image accessibility.

OG Health Score

100 / 100

Evidence-Based
OG Image Status

Verified

HTTP 200 OK
OG Title Status

Present

Declared
OG Type

website

Object Type
Facebook & Social Share Feed Preview
No og:image detected
EXAMPLE.COM

Webpage Title Goes Here

Open graph description text snippet will be rendered here...

Open Graph PropertyDetected Content Value
Exact detected Open Graph HTML meta tags section:
<meta property="og:title" content="...">

What is the Open Graph Protocol?

The Open Graph protocol (originally developed by Facebook) enables any webpage to become a rich object in social graphs. When users share your website URL on Facebook, LinkedIn, Pinterest, WhatsApp, or iMessage, Open Graph tags customize the displayed image thumbnail, headline, and text snippet.

How to Use the Open Graph Tag Preview

1 Enter URL

Input any blog post or product landing page link.

2 Click Preview

Our tool fetches page HTML and renders a live Facebook/LinkedIn feed card.

3 Inspect Tags

Audit extracted og:title, og:image, and og:url values.

Open Graph Optimization Best Practices

Recommended
  • Use high-resolution og:image banners (1200 x 630 pixels, 1.91:1 ratio).
  • Use absolute HTTPS image URLs (e.g. https://example.com/share.png).
  • Keep og:title concise and punchy (under 60 characters).
  • Specify og:type="website" or og:type="article" appropriately.
Avoid
  • Avoid using relative paths (e.g. /images/banner.jpg) in og:image tags.
  • Do not upload images smaller than 600 x 315 pixels to avoid pixelation.
  • Avoid putting heavy promotional text overlay across the entire share image.
  • Don't forget to refresh social caches using Facebook Sharing Debugger after updating tags.

Frequently Asked Questions (FAQ)

The optimal dimensions for an og:image banner are 1200 x 630 pixels (an aspect ratio of 1.91:1). This ensures crisp rendering on high-DPI retina mobile screens and desktop feeds.

Social networks cache Open Graph images aggressively. You must clear Facebook's cache by entering your URL into the official Facebook Sharing Debugger tool and clicking "Scrape Again".

Yes! LinkedIn, Discord, Slack, iMessage, Pinterest, and Telegram all read standard og:* meta tags to render link preview cards.

If OG tags are missing, social platforms fall back to standard HTML title and meta description tags, and pick a random image from the webpage body (often resulting in distorted icons or blank cards).

Related Meta & HTML SEO Tools

Twitter Card Preview

Preview X / Twitter cards.

Meta Tag Generator

Generate custom Meta and Open Graph tags.

Meta Tag Analyzer

Audit all page meta tags.