What is an Open Graph preview?

An Open Graph preview is the link card that appears when you share a URL on LinkedIn, X, Slack, Discord, iMessage, or Facebook. It is built from og:title, og:description, og:image, and og:url meta tags in the page's HTML head.

Which og: tags are required for a link preview?

The four required Open Graph properties are og:title, og:type, og:image, and og:url. og:description is strongly recommended (most platforms show it in the preview card and it directly affects click-through rates).

How do I check my Open Graph preview before publishing?

Paste your URL into peek and it will fetch your page's metadata and render accurate previews for LinkedIn, X, Slack, Discord, and iMessage (including image, title, description, and platform-specific issues).

Do all social platforms read the same og: tags?

Most platforms read the standard Open Graph set (og:title, og:description, og:image, og:url). X also reads twitter:card and twitter:* tags. Slack reads both Open Graph and Twitter Card tags. LinkedIn requires og:image to be at least 401 px wide.

Why does my Open Graph image look different on each platform?

Each platform crops and scales images differently. LinkedIn uses a 1.91:1 ratio, Discord shows a wider embed, iMessage uses a thumbnail. Use peek's all-platform view to see how your image renders on each one before publishing.

Open Graph Preview Checker

Paste a URL or enter your metadata to see exactly how your link card will appear on LinkedIn, X, Slack, Discord, and iMessage. Catch missing tags, wrong image dimensions, and platform-specific issues before you hit publish.

Check your Open Graph tags →

Required Open Graph tags

The Open Graph protocol defines four required properties. Missing any one of them will degrade or break your link preview on most platforms.

Tag	Required	Notes
og:title	Required	The headline shown in the link card. Keep it under 60 characters.
og:type	Required	Usually `website` or `article`
og:image	Required	1200×630px recommended. Must be publicly accessible via HTTPS.
og:url	Required	The canonical URL of the page being shared.
og:description	Strongly recommended	Shown under the title on most platforms. 50–160 characters is ideal.
og:site_name	Recommended	Your brand or site name. Shown on LinkedIn, Slack, and iMessage.

Example Open Graph HTML

Add these tags inside the <head> of your page.

<meta property="og:title" content="My Post Title" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://example.com/my-post" />
<meta property="og:description" content="A short description under 160 characters." />
<meta property="og:image" content="https://example.com/og.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Description of the preview image" />
<meta property="og:site_name" content="My Site" />

Quick checklist

✓ og:title, og:type, og:image, og:url are all set
✓ og:image is 1200×630px (or 1200×627px for LinkedIn)
✓ og:image URL is publicly accessible via HTTPS
✓ og:description is 50–160 characters
✓ twitter:card is set to summary_large_image for X
✓ Tags are in the static HTML source, not injected by JavaScript

Platform-by-platform preview guides

LinkedIn preview guide → X (Twitter) card preview → Discord embed preview → Slack unfurl preview → iMessage rich link preview →

Frequently asked questions

What is an Open Graph preview?: An Open Graph preview is the link card that appears when you share a URL on LinkedIn, X, Slack, Discord, iMessage, or Facebook. It is built from og:title, og:description, og:image, and og:url meta tags in the page's HTML head.
Which og: tags are required for a link preview?: The four required Open Graph properties are og:title, og:type, og:image, and og:url. og:description is strongly recommended (most platforms show it in the preview card and it directly affects click-through rates).
How do I check my Open Graph preview before publishing?: Paste your URL into peek and it will fetch your page's metadata and render accurate previews for LinkedIn, X, Slack, Discord, and iMessage (including image, title, description, and platform-specific issues).
Do all social platforms read the same og: tags?: Most platforms read the standard Open Graph set (og:title, og:description, og:image, og:url). X also reads twitter:card and twitter:* tags. Slack reads both Open Graph and Twitter Card tags. LinkedIn requires og:image to be at least 401 px wide.
Why does my Open Graph image look different on each platform?: Each platform crops and scales images differently. LinkedIn uses a 1.91:1 ratio, Discord shows a wider embed, iMessage uses a thumbnail. Use peek's all-platform view to see how your image renders on each one before publishing.