Open Graph Preview
Preview Facebook and LinkedIn social link cards with live image rendering.
Meta Tag & Open Graph Generator
About Open Graph Preview
The Social Open Graph (OG) Card Simulator renders live interactive previews of how any webpage will appear when shared on Facebook, LinkedIn, Discord, Slack, Pinterest, and WhatsApp with image aspect ratio validation.
How to Use Open Graph Preview
Step 1
Enter page URL, title, description, and preview image URL.
Step 2
Switch between Facebook, LinkedIn, Discord, and Slack preview tabs.
Step 3
Verify image cropping and title readability.
Step 4
Copy the verified Open Graph HTML tags.
Practical Use Cases for Open Graph Preview
Social Media Sharing Pre-flight Verification
Verify your social preview image, title, and description before launching marketing campaigns on Facebook, LinkedIn, Discord, and Slack.
Social Image Dimension & Cropping Auditing
Ensure images adhere to the 1200x630px standard to avoid awkward vertical cropping or pixelated thumbnails on social feeds.
Input & Output Examples
Simulating LinkedIn Share Card
Title: "RenderXD - Developer Suite", Image: "https://renderxd.com/og.png", Domain: "renderxd.com"
Pixel-perfect LinkedIn feed card rendering with top domain pill and high-resolution thumbnail
Key Features & Performance
- ✓Multi-platform previews: Facebook Newsfeed, LinkedIn Feed, Discord Rich Embed, Slack Unfurl, and WhatsApp.
- ✓Validates image dimensions and warns if aspect ratio deviates from 1.91:1 (1200x630).
- ✓Extracts metadata from live URLs or interactive form fields.
- ✓100% Client-Side rendering.
- ✓1-Click Copy corresponding HTML `<meta>` tags.
Key Terminology & Definitions
Social Unfurling
The automated process where chat apps and social platforms fetch a URL and render a rich preview card using its Open Graph metadata.
Discord Embed
A rich visual message box inside Discord displaying title, description, author, and large thumbnail images from Open Graph tags.