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 Validation

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

Tag Extraction

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

Fetching Open Graph metadata & image...

No og:image detected
EXAMPLE.COM

Webpage Title Goes Here

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

Extracted Open Graph Data
  • og:title:-
  • og:description:-
  • og:image:-
  • og:url:-
  • og:type:-

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.