OG Image Preview & Validator

What Are Open Graph Meta Tags?

Open Graph (OG) meta tags are snippets of HTML that control how your web pages appear when shared on social media platforms. When someone shares a link on Facebook, Twitter, LinkedIn, or messaging apps like WhatsApp and Discord, these platforms read the OG tags to generate a rich preview card with an image, title, and description. Without proper OG tags, platforms may display a blank preview or pull random content from your page, reducing click-through rates significantly.

The Open Graph protocol was originally created by Facebook in 2010 and has since become the standard adopted by virtually every social platform. The four required properties are og:title, og:description, og:image, and og:url. Twitter also uses its own twitter:card tags to control card layout style.

Recommended OG Image Dimensions and Sizes

The ideal OG image size is 1200 x 630 pixels with a 1.91:1 aspect ratio. This size works well across all major platforms. Facebook and LinkedIn display images at this ratio natively. Twitter uses the same dimensions for summary_large_image cards, while summary cards crop to a square. Keep file size under 5 MB for fast loading. Use JPEG for photos and PNG for graphics with text overlays.

WhatsApp and Discord will also respect these dimensions but may crop or resize images. Testing your OG image across multiple platforms ensures a consistent, professional appearance regardless of where your content is shared.

How Each Platform Renders OG Cards

Twitter offers two card types: summary shows a small square thumbnail beside the title and description, while summary_large_image displays a wide banner image above the text. Facebook always renders a large image card with the title, description, and domain below. LinkedIn uses a similar layout but displays less description text. WhatsApp shows a compact card with a small image on the left. Discord and Slack both render embed-style cards with colored borders and inline images.

Each platform may truncate titles and descriptions at different lengths. Testing with this preview tool helps you ensure your most important text is visible on every platform before you publish.

Tips for Optimizing Your OG Tags

Write titles between 60 and 90 characters to avoid truncation on most platforms. Keep descriptions between 155 and 200 characters for the best display across Facebook, Twitter, and LinkedIn. Always include a high-quality image — posts with images get significantly higher engagement than text-only links. Use absolute URLs for og:image to ensure all platforms can fetch the image correctly.

Test your tags using this validator before publishing. Verify that all required tags are present, image dimensions meet recommendations, and file sizes are reasonable. After publishing, use the official Facebook Sharing Debugger and Twitter Card Validator to force platforms to re-scrape your updated tags.