Web & SEO

Social Media Preview Tool — Free 2026

Preview how your link will appear on Facebook, Twitter/X, LinkedIn, and Discord — type your OG tags and see live cards instantly.

Page Title 35 / 60 characters

Description 103 / 155 characters

Image URL Recommended: 1200 x 630 pixels (1.91:1 ratio)

Site URL

Facebook Preview

Twitter / X Preview

LinkedIn Preview

Discord Preview

How It Works

Enter your content
Check the previews
Review character warnings

Why Social Media Previews Matter

When you share a link on social media, the platform generates a preview card using Open Graph (OG) meta tags from your page. This card is often the first thing people see, and it directly influences whether they click through. A well-crafted preview with an eye-catching image, a compelling title, and a concise description can dramatically increase click-through rates. Conversely, a broken or missing preview makes your content look unprofessional and drives engagement down. This tool lets you test and perfect your OG tags before publishing, so you know exactly how your link will appear on every major platform.

Platform-Specific Differences

While all major platforms use Open Graph tags, they each display them slightly differently. Facebook shows a large image with the title below and the domain name in grey text. Twitter (X) displays a similar card but with slightly different dimensions and text truncation. LinkedIn shows the image above the title with the site name and description below. Discord renders a coloured embed-style card with the site name, title, description, and image. Understanding these differences helps you optimise for each platform. For generating the actual meta tags, try our meta tag generator or check character counts with our character counter.

Best Practices for OG Tags

Keep your title under 60 characters to avoid truncation on all platforms. Write descriptions between 100 and 155 characters — long enough to be informative but short enough to display fully. Always use a high-quality image at 1200 by 630 pixels in PNG or JPEG format. Include your primary keyword in the title and description for SEO benefits. Make sure every page has unique OG tags — do not use the same generic title and description across your entire site. Test your tags using this preview tool and the official platform debuggers before launching important content.

Frequently Asked Questions

What are Open Graph tags?

Open Graph (OG) tags are HTML meta tags that control how your webpage appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and Discord. They specify the title, description, image, and URL that appear in the link preview card. Without proper OG tags, platforms will guess what to display, often with poor results.

What is the ideal OG image size?

The recommended Open Graph image size is 1200 x 630 pixels for Facebook and LinkedIn (1.91:1 ratio). Twitter recommends the same dimensions for summary_large_image cards. Discord uses the same OG image. Keep important content away from edges and ensure the image is under 5MB. Use PNG or JPEG format for best compatibility.

What is the character limit for OG titles and descriptions?

Facebook truncates OG titles around 60-90 characters and descriptions around 200 characters. Twitter truncates titles at about 70 characters and descriptions at 200 characters. LinkedIn is similar to Facebook. For best results, keep titles under 60 characters and descriptions under 155 characters to avoid truncation on any platform.

How do I debug OG tags for social media?

Each platform has its own debugging tool: 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 your page, display the detected OG tags, and let you clear cached previews so changes appear immediately.