Open Graph Checker: Complete OG Tag Guide for Social Media Guide

Have you ever shared a link on social media and seen a blank preview — no image, no title, just a raw URL? That's what happens when your site lacks Open Graph (OG) tags. These small HTML meta tags control how your content appears when shared across social platforms, and they have a massive impact on click-through rates, brand perception, and social traffic.

This guide covers everything about the Open Graph protocol, platform-specific requirements, common pitfalls, and how to use our free Open Graph Checker to validate and preview your OG tags before sharing.

What Is the Open Graph Protocol?

The Open Graph protocol was created by Facebook in 2010 as a way to turn any web page into a rich object in a social graph. When you add OG tags to your page, social media platforms can extract structured data — title, description, image, and type — and display it as a rich preview card instead of a plain link.

Today, OG tags are the de facto standard for social sharing. While originally designed for Facebook, they're now supported by LinkedIn, Twitter/X (as a fallback), Pinterest, Discord, Slack, and most messaging apps.

Essential Open Graph Tags

At minimum, every page should include these four OG tags:

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A compelling description of your page">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">

OG Title

The title displayed in the social media preview card. Best practices:

60–90 characters — longer titles get truncated on some platforms.
Include your brand name when appropriate.
Make it attention-grabbing — social media is competitive; your title needs to stand out.

OG Description

The description shown below the title in the preview card.

150–200 characters for optimal display across platforms.
Write differently from your meta description — this is for social sharing, not search results.
Consider adding a call-to-action or emotional hook.

OG Image

The image displayed in the preview card. This is the single most impactful OG tag — posts with images receive 2–3x more engagement than those without.

Specification	Recommendation
Recommended size	1200 × 630 pixels
Minimum size	600 × 315 pixels
Maximum file size	8MB (5MB for some platforms)
Format	JPEG, PNG, or WebP
Aspect ratio	1.91:1 for link previews
Square	1:1 (1080 × 1080) for Instagram-style

⚠️ Critical: Always use the full, absolute URL for your OG image (including https://). Relative paths like /images/og.jpg will not work. Many sites get this wrong.

OG URL

The canonical URL of the page. Should match the <link rel="canonical"> tag.

Additional Open Graph Tags

og:type

Specifies the type of content. Common values include:

Type	Use Case
`website`	Homepage and general pages (default)
`article`	Blog posts, news articles
`product`	E-commerce product pages
`profile`	Person or organization profiles
`video.other`	Video content
`music.song`	Music tracks
`book`	Book pages

<meta property="og:type" content="article">
<meta property="article:published_time" content="2026-04-10T08:00:00Z">
<meta property="article:author" content="RiseTop Team">
<meta property="article:section" content="SEO">
<meta property="article:tag" content="Open Graph">
<meta property="article:tag" content="Social Media">

og:site_name

<meta property="og:site_name" content="RiseTop">

Displays the name of your website above the title in some platform previews.

og:locale

<meta property="og:locale" content="en_US">

Specifies the language and region of the content. Defaults to en_US if not specified.

og:image:width and og:image:height

<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Descriptive alt text">

Providing dimensions helps social platforms render the preview faster without needing to download and measure the image.

Platform-Specific Requirements

Facebook

Facebook pioneered the Open Graph protocol and has the most comprehensive OG support:

Uses standard OG tags (title, description, image, type, url)
Link preview aspect ratio: 1.91:1 (1200 × 630px)
Supported image formats: JPEG, PNG, GIF (first frame only)
Cache refresh: Use Facebook Sharing Debugger to force a re-scrape

Twitter/X

Twitter has its own meta tags but falls back to OG tags when Twitter-specific tags are absent:

<!-- Twitter Card types -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@youraccount">
<meta name="twitter:creator" content="@authoraccount">
<meta name="twitter:title" content="Your Title">
<meta name="twitter:description" content="Your Description">
<meta name="twitter:image" content="https://example.com/image.jpg">

Card Type	Image Size	Use Case
`summary`	120 × 120px (square thumbnail)	Default, small preview
`summary_large_image`	1200 × 628px	Large image preview (recommended)
`app`	N/A	Mobile app install
`player`	Varies	Video/audio player

💡 Pro Tip: Always set twitter:card to summary_large_image for maximum visual impact. Without this tag, Twitter defaults to summary which shows a tiny square thumbnail.

LinkedIn uses standard OG tags with some platform-specific behavior:

Image size: 1200 × 627px (1.91:1 ratio)
Title: up to 200 characters
Description: up to 300 characters
Uses the Facebook Sharing Debugger API for cache refresh
Requires a publicly accessible OG image (no authentication required)

iMessage and WhatsApp

Apple's messaging apps and WhatsApp both use OG tags for link previews:

iMessage prefers smaller OG images (around 600 × 315px)
WhatsApp displays OG images at 1.91:1 ratio
Both require the OG image URL to be HTTPS

Discord and Slack

Both platforms use standard OG tags
Discord renders a preview card with title, description, and image
Slack shows OG previews in unfurled links within channels

Complete OG Tag Template

Here's a production-ready template you can use on any page:

<!-- Essential Open Graph Tags -->
<meta property="og:title" content="Your Compelling Page Title">
<meta property="og:description" content="Your engaging description for social sharing">
<meta property="og:image" content="https://example.com/og-image-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Descriptive alt text for accessibility">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Your Site Name">
<meta property="og:locale" content="en_US">

<!-- Article-specific tags -->
<meta property="article:published_time" content="2026-04-10T08:00:00Z">
<meta property="article:modified_time" content="2026-04-10T10:30:00Z">
<meta property="article:author" content="Author Name">
<meta property="article:section" content="Category">
<meta property="article:tag" content="Tag 1">
<meta property="article:tag" content="Tag 2">

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yoursite">
<meta name="twitter:title" content="Your Compelling Page Title">
<meta name="twitter:description" content="Your engaging description">
<meta name="twitter:image" content="https://example.com/og-image-1200x630.jpg">

Common OG Tag Mistakes

Missing OG image — The #1 mistake. Without an OG image, social platforms show a blank or auto-generated preview, which gets far fewer clicks.
Relative image URLs — OG images must use absolute URLs with https://. Relative paths will not work on any platform.
Wrong image dimensions — Images that don't match 1.91:1 ratio get cropped unpredictably, potentially cutting off text or important visual elements.
Image too large — Images over 8MB may be rejected by some platforms. Compress your OG images.
Blocked by robots.txt — If your OG image URL is blocked in robots.txt, Facebook and other platforms can't access it.
HTTPS required — Some platforms (especially iMessage) won't load HTTP images.
Stale cache — Social platforms cache OG data aggressively. If you update your tags, use each platform's debugger tool to force a refresh.
Duplicate OG tags — Multiple og:title or og:image tags confuse platforms. Ensure each property appears only once.

How to Check and Preview Your OG Tags

Platform Debugging Tools

Facebook: Sharing Debugger — shows warnings, errors, and a live preview.
Twitter/X: Card Validator — validates Twitter Card markup.
LinkedIn: Post Inspector — shows how LinkedIn renders your link.

Our Open Graph Checker

Our free Open Graph Checker provides an all-in-one solution:

Enter any URL to analyze all OG tags on the page.
See which tags are present, missing, or invalid.
Preview how your link will look on Facebook, Twitter/X, and LinkedIn.
Get actionable recommendations to fix issues.

OG Tags and SEO: The Connection

While OG tags don't directly influence Google rankings, they have significant indirect SEO benefits:

Higher click-through rates — Rich previews get more clicks, driving more traffic to your site.
Increased social signals — More shares and engagement can lead to backlinks and brand awareness.
Brand consistency — Controlled previews ensure your brand is represented correctly across all platforms.
Page experience signals — Well-structured meta tags contribute to overall page quality assessment.

Conclusion

Open Graph tags are essential for any website that wants to be shared on social media. They transform plain URLs into rich, engaging preview cards that drive clicks, build brand awareness, and create a professional impression across every platform. Take five minutes to add proper OG tags to your pages — the impact on your social traffic will be immediate and lasting.

🔍 Check Your OG Tags Now

Enter any URL to analyze Open Graph tags, preview social sharing cards, and get optimization recommendations.

Try Open Graph Checker →

← Sitemap Guide Keyword Density Guide →