OG / Twitter Card Preview

See how your link will look when shared on Facebook, LinkedIn, and Twitter. Generate the required meta tags automatically.

Last reviewed: April 2026
Reviewed by , software engineer · last updated April 2026

New to this tool? Click here for instructions

OG Properties
Social Previews
Facebook / LinkedIn
Twitter - Summary Card
Twitter - Large Image Card
Generated Meta Tags
Enter your OG properties to preview social share cards.

How to Use the OG / Twitter Card Preview Tool

To use the OG / Twitter Card Preview Tool, follow these steps:

1. Enter your Open Graph properties in the form on the left. At minimum, provide an `og:title`, `og:description`, and `og:image` URL.

2. The social media previews will update in real-time as you type. Review the Facebook/LinkedIn preview which shows a large image card format used by most social platforms.

3. Check both Twitter card formats to see how your content appears as a summary card (small thumbnail) and as a large image card.

4. Select your preferred card type from the `twitter:card` dropdown.

5. Copy the generated meta tags from the code output section below the previews and paste them into the `head` section of your HTML page.

When to Use the OG / Twitter Card Preview Tool

Use the OG / Twitter Card Preview Tool when you want to ensure your content looks professional and compelling when shared on social media platforms. This includes when you are creating or updating a website, blog post, or social media content. It's especially useful if you want to optimize your content for social sharing and improve engagement.

How It Works

The OG / Twitter Card Preview Tool allows you to preview how your website will appear when shared on Facebook, LinkedIn, and Twitter. You enter your Open Graph properties, and the tool generates the required meta tags. The previews update in real-time as you type, allowing you to see how your content will look on different social media platforms. Once you are satisfied with the preview, you can copy the generated meta tags and paste them into the `head` section of your HTML page.

Tips, Edge Cases, or Limitations

Always provide high-resolution images for retina displays. Facebook may reduce distribution of posts with images containing more than 20 percent text. Debugging social share issues by using tools like Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector. For a complete social and SEO setup, consider using additional tools like the Meta Tag Generator and SERP Preview.

Frequently Asked Questions

Open Graph tags are meta tags that control how your content appears when shared on social media platforms.
Twitter Cards and Open Graph are both meta tags that control how your content appears when shared on social media platforms, but they are used by different platforms.
The recommended OG image size is at least 1200x630 pixels with a 1.91:1 aspect ratio.
Your shared link may show the wrong image or title because the social media platform is caching the Open Graph data. Use debugging tools like Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector to clear the cache.
Yes, you should use both Open Graph and Twitter Card tags to ensure your content looks professional and compelling when shared on social media platforms.

Quick reference

OG / Twitter Card Preview Parameters
Parameter OG Tag Twitter Card Common Value
Card Type og:type twitter:card summary, photo, video
Title og:title twitter:title Max 200 characters
Description og:description twitter:description Max 280 characters
Image og:image twitter:image URL to square image (400x400px)
URL og:url twitter:url Canonical page URL
Site - twitter:site @handle or website domain