Open Graph Preview

What is Open Graph?

The Open Graph protocol enables any web page to become a rich object in a social graph. Originally created by Facebook, it allows you to control how your URLs are displayed when shared on social media platforms like Facebook, Twitter, LinkedIn, and Discord.

Why do Meta Tags Matter?

When someone shares your website link, social platforms scrape your HTML for specific meta tags to generate a preview card. If you don't provide these tags, the platform will try to guess what your page is about by pulling random text and images, which often results in an unappealing preview.

• Higher Click-Through Rates (CTR): A compelling title, description, and high-quality image significantly increase the likelihood that people will click on your shared links.
• Brand Consistency: Ensures that your content is represented exactly how you want it across all social channels.
• Professionalism: Rich preview cards make your links look more trustworthy and professional.

Best Practices for Social Cards

• Image Size: Use an image that is 1200 x 630 pixels. This aspect ratio (1.91:1) works best across almost all platforms.
• Title Length: Keep your title between 40 and 60 characters so it doesn't get truncated.
• Description Length: Aim for a description between 50 and 150 characters. Make it engaging and relevant to the page content.
• Use Twitter Cards: Include twitter:card tags alongside your Open Graph tags to ensure full compatibility with X (formerly Twitter). The summary_large_image type is recommended for maximum visibility.