Open Graph & Twitter Card Generator
Build og/twitter meta tags from a title, description, image, and URL, and preview the share card
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
Enter a title, description, image, and URL, and it builds Open Graph and Twitter Card meta tags all at once, plus a card preview of how your link will look on Facebook, KakaoTalk, and Twitter. It's useful for developers and marketers who want to tidy up the share thumbnails of their blog or landing page.
How to use
- Enter the title, description, page URL, and main image URL.
- Optionally enter the site name, Twitter account, card type, and more.
- Check the share card preview on the Facebook/Kakao and Twitter (X) tabs.
- Copy the generated meta tags and paste them inside your page's <head>.
FAQ
- What's a good size for the main image?
- For a large horizontal card, 1200×630px (1.91:1) is recommended. Use an https absolute-path image and keep it under 5MB, and it'll display without breaking on most platforms.
- I added the tags but the share thumbnail didn't change.
- That's because the platform caches the previous preview. Re-scrape the URL in Facebook's Sharing Debugger or Twitter's Card Validator to refresh the cache.
- Is the preview exactly like the real thing?
- Actual rendering can vary slightly by platform, so this preview is for reference. After publishing, we recommend a final check with each platform's official inspection tool.