Open Graph Card Generator

📖 About this tool

When a page is shared on WeChat, Weibo, Facebook or Twitter, the title, description and thumbnail shown are controlled by the Open Graph and Twitter Card tags in the head. This tool brings both sets into one form: enter the share title, description, page URL and image URL, choose the content type, site name and locale, and the complete code is generated. The right-hand panel simulates the card as it will appear, including the image area, domain, title and description, so you can check for truncation or empty space before publishing. An image of 1200×630 is recommended, the ratio most platforms expect. Twitter tags can reuse the Open Graph copy rather than being retyped. Everything runs locally. Typical uses include configuring a share card before publishing an article, keeping share copy consistent across campaign pages, checking whether older pages are missing og:image, and preparing tag templates for several pages at once.

✨ Features

• Both tag sets at once：Outputs Open Graph and Twitter Card together, with property and name correctly distinguished
• Live card preview：Simulates image, domain, title and description before you publish
• Complete image parameters：Supports og:image width, height and alt for platform size checks
• Reusable copy：Twitter tags can reuse the Open Graph title and description with one click
• Automatic domain：The domain line in the preview is parsed from the page URL you enter

🚀 How to use

1. Enter share title and description;
2. Fill in page URL and image URL;
3. Click Generate tags;
4. Check the preview, then copy the code.