What is OpenGraph and why do I need it?

OpenGraph is a protocol that controls how your web pages appear when shared on social media platforms. When you share a link on Facebook, Twitter, or LinkedIn, these platforms read your OpenGraph meta tags to display the title, description, and image. Without proper OpenGraph tags, your shared content may appear incomplete or unattractive, reducing engagement and click-through rates.

How do I add OpenGraph meta tags to my website?

Add OpenGraph meta tags to the section of your HTML. For example: and . If you're using WordPress, most SEO plugins like Yoast SEO or Rank Math can automatically generate these tags. For custom websites, you can add them manually or use your CMS's built-in features.

What image size should I use for og:image?

The recommended image size for og:image is 1200x630 pixels with a 1.91:1 aspect ratio. This size works well across all major social media platforms including Facebook, Twitter, and LinkedIn. Make sure your image file is less than 5MB and in a common format like JPG or PNG. Avoid using text-heavy images as they may not display clearly in small previews.

Why is my shared link not showing a preview on social media?

This usually happens when OpenGraph meta tags are missing, improperly formatted, or the image URL is broken. Use OpenGraph Preview to check if your tags are correctly configured. Also ensure that social media platforms have crawled your page by using their official sharing debuggers (Facebook Sharing Debugger, Twitter Card Validator). Sometimes clearing the cache in these debuggers helps refresh the preview.

Can I use different OpenGraph tags for different social platforms?

While OpenGraph is a standard protocol, you can use platform-specific tags like Twitter Card tags (twitter:title, twitter:image) alongside OpenGraph tags. Most social platforms will fall back to OpenGraph tags if platform-specific tags aren't available. The best practice is to have complete OpenGraph tags as a foundation, then add platform-specific tags for enhanced control on individual networks.

OpenGraph Preview

How to Use OpenGraph Preview

When to Use OpenGraph Preview

Technical Information

Frequently Asked Questions