Open Graph Debugger & Previewer
Generate and live-preview Open Graph and Twitter Card social metadata for Facebook, LinkedIn, and X.
Live Social Card Previews
Generated HTML Meta Tags
Open Graph Preview & Debugger — Social Card Meta Tag Generator: Free Open Graph Preview & Debugger tool: free Open Graph debugger and social card generator. Test og:title, og:image, og:description, and Twitter Cards.
The Complete Guide to Open Graph & Social Card Metadata
The Open Graph protocol—originally introduced by Facebook in 2010—is an open metadata standard that enables any webpage to become a rich, interactive object in social media graphs. When a link is shared across social media platforms including Facebook, LinkedIn, X (Twitter), Pinterest, Discord, Slack, and WhatsApp, social crawler bots parse the target URL's HTML <head> section looking for specialized og:* and twitter:* meta tags.
Without proper Open Graph markup, social platforms attempt to guess what image and text to display, frequently selecting irrelevant banner ads, cropped logos, or navigation menus. Implementing optimized social tags ensures your content renders with high-resolution imagery, compelling titles, and clear summaries, driving significantly higher click-through rates (CTR) and referral traffic.
Enter Title & Description
Craft concise, action-oriented titles (under 60 characters) and descriptions (under 155 characters).
Set High-Res Image
Provide an absolute HTTPS image URL sized at 1200x630 pixels (1.91:1 ratio) for crisp display.
Verify Live Cards
Check real-time previews across Facebook, LinkedIn, and X (Twitter) large summary cards.
Copy & Deploy
Copy the generated HTML tags and embed them inside your document's <head> element.
Essential Open Graph & Twitter Meta Tag Specifications
- og:title: The headline of your piece. Keep under 60 characters to prevent truncation on mobile screens.
- og:description: A 1-2 sentence compelling summary of the content (maximum 155 characters).
- og:image: The absolute URL of the preview image. Recommended dimensions: 1200 x 630 pixels (minimum 600 x 315). File size should remain under 5MB (PNG or JPG).
- og:url: The canonical URL of the webpage to consolidate social signals and likes.
- og:type: The format of media (typically
websiteorarticle). - twitter:card: Specify
summary_large_imagefor full-width landscape image previews orsummaryfor small square thumbnails.
Advanced Open Graph Protocols & Social Optimization Architecture
While basic social optimization focuses on setting a generic title and image, modern web architectures must implement specialized Open Graph sub-specifications to maximize conversion rates across distinct digital platforms. For example, e-commerce storefronts utilize the og:price:amount and og:price:currency namespace extensions to enable automated product price indexing in Facebook Marketplace and Pinterest Product Pins.
Similarly, digital publishers utilize article author profiling tags—such as article:published_time, article:author, and article:section—to feed structured content directly into Google Discover feeds and Apple News aggregation algorithms. Combining clean Open Graph markup with Twitter Card specification tags ensures your web assets maintain total visual control across every major messaging and social ecosystem.
Social Media Crawler Technical Specifications
| Platform | User-Agent String | Image Cache Window | Key Optimization Requirement |
|---|---|---|---|
| Facebook & Messenger | facebookexternalhit/1.1 |
30 days (flush via Debugger) | Minimum 1200x630 resolution for retina cards |
| X (formerly Twitter) | Twitterbot/1.0 |
7 days | Requires explicit twitter:card declaration |
LinkedInBot/1.0 |
7 days (flush via Post Inspector) | Strict 5MB image size ceiling | |
| Discord / Slack | Discordbot / Slackbot | Immediate or session-based | Reads theme-color meta tag for embed sidebar color |
Frequently Asked Questions
The universal standard is 1200 x 630 pixels, maintaining an aspect ratio of 1.91:1. This guarantees sharp rendering on high-DPI retina displays across Facebook, X, LinkedIn, and Discord.
Social platforms cache metadata heavily for weeks. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force crawler cache invalidation and re-scrape your page.
Social networks aggressively cache Open Graph images and metadata at edge CDNs to conserve crawler bandwidth. To refresh the card, submit your URL into the official Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector to purge the edge cache.
No. The Open Graph protocol explicitly mandates fully qualified, absolute canonical URLs including the HTTPS protocol (e.g., https://example.com/assets/og-cover.png). Relative URLs will fail to resolve on external social media scrapers.