OG Checker

Open Graph is a protocol created by Facebook that allows web pages to control how they appear when shared on social media platforms. By adding Open Graph meta tags to your HTML head, you can specify the title, description, image, and URL that appear in social media previews.

The four required Open Graph tags are og:title (the page title), og:type (the content type, e.g., "website" or "article"), og:image (the preview image URL), and og:url (the canonical URL). While og:description is technically optional, it is strongly recommended as most platforms display it prominently.

The recommended size for Open Graph images is 1200 x 630 pixels with a 1.91:1 aspect ratio. This size works well on Facebook, LinkedIn, and most other platforms. Keep important content centered, as some platforms may crop the edges. Use a minimum of 600 x 315 pixels and keep file size under 8MB.

Use platform-specific debugging tools: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), and LinkedIn Post Inspector (linkedin.com/post-inspector). These tools fetch fresh versions of your page and show you exactly what the preview will look like.

Twitter Cards use twitter: prefixed meta tags while Open Graph uses og: tags. Twitter will fall back to Open Graph tags if Twitter-specific tags are not found. The main Twitter Card types are summary (small image), summary_large_image (large image), app (mobile app), and player (video/audio). For most websites, implementing both og: and twitter: tags provides the best coverage.