Open Graph Previewer - Social Media Card Preview Tool
Open Graph Previewer
FREE TOOL

Open Graph Previewer

Enter OG tag info to preview WeChat, Facebook, Twitter, and LinkedIn share cards in real time. Generate meta tag code with one click.

🔒 100% Client-side · Your data never leaves your browser
Quick presets:
📝 OG Tag Input
0 / 60
0 / 200
Image preview
👀 Share Card Preview
WeChat Moments / Chat Card
Facebook Share Card
Twitter / X Card (summary_large_image)
LinkedIn Share Card
📄 Generated OG Meta Tag Code

Related Tools

📖 Open Graph Tags Guide

What are Open Graph Tags?

The Open Graph protocol was introduced by Facebook in 2010. It is a set of meta tags that control how web pages are displayed when shared on social media platforms. When users share a link on WeChat, Facebook, Twitter, LinkedIn, or other platforms, the platform crawls the page's OG tags to generate a preview card containing a title, description, and image. Pages without OG tags may only show a bare URL link or randomly scrape page content, hurting click-through rates and brand image.

Core OG Tags

Image Size Requirements by Platform

Different social platforms have different og:image size requirements. We recommend using the universal safe size of 1200x630 pixels (1.91:1), which satisfies most platforms. WeChat requires images no smaller than 200x200 pixels with an aspect ratio close to 1.91:1. Facebook recommends 1200x630 pixels, minimum 200x200. Twitter large image cards recommend 1200x675 pixels. LinkedIn recommends 1200x627 pixels. Image file size should be kept under 8MB, supporting JPG, PNG, and GIF formats.

OG Tags vs Twitter Cards

Open Graph is a universal social sharing protocol widely supported by Facebook, LinkedIn, WeChat, and other platforms. Twitter Cards are Twitter's own tag system, using twitter:card, twitter:title, twitter:description, and other tags. However, Twitter also reads OG tags as a fallback. The best practice is to configure both OG tags and Twitter Card tags to ensure correct display on all platforms.

How to Use

Fill in the OG tag fields in the form on the left. The preview area on the right shows the share card appearance for each platform in real time. You can switch tabs to view different platform styles. Once you're satisfied with the preview, copy the generated meta tag code at the bottom and paste it into your page's head section. After deployment, use Facebook Sharing Debugger or Twitter Card Validator to verify the tags are correct.

Troubleshooting Image Display Issues

Frequently Asked Questions

What is Open Graph?

Open Graph is a set of meta protocols introduced by Facebook to control how web pages are displayed when shared on social media. Through tags like og:title, og:description, and og:image, you can customize the title, description, and image of share cards, making link shares more visually appealing and click-worthy.

What are OG tags used for?

OG tags allow your web pages to automatically generate preview cards with titles, descriptions, and thumbnails when shared on WeChat, Facebook, Twitter, LinkedIn, and other platforms, instead of just showing a bare link. Good share cards can significantly improve click-through rates (CTR), enhance brand image, and are an essential part of social marketing and content distribution.

What are the image size requirements for share cards on different platforms?

We recommend using 1200x630 pixels (1.91:1) as a universal size. WeChat requires no smaller than 200x200 pixels. Facebook recommends 1200x630, minimum 200x200. Twitter large image cards recommend 1200x675. LinkedIn recommends 1200x627. Image file size should be under 8MB, in JPG, PNG, or GIF format.

What if my OG image doesn't display?

Common causes: the image URL is not an absolute path (must start with https://), the image has hotlink protection or requires login, the image is too small (under 200x200), the image format is not supported, or the server doesn't return the correct Content-Type. After deployment, use Facebook Sharing Debugger or Twitter Card Validator to force a re-crawl of the cache.

What's the difference between Open Graph and Twitter Cards?

Open Graph is a universal protocol supported by Facebook, LinkedIn, WeChat, and other platforms. Twitter Cards are Twitter's own tag system (twitter:card, twitter:title, etc.). However, Twitter also reads OG tags as a fallback. The best practice is to configure both OG tags and Twitter Card tags to ensure correct share card display on all platforms.