Open Graph Generator — OG & Twitter Card Tags with Preview
DeveloperAn Open Graph generator builds the og:* and twitter:* meta tags that social platforms read to render link share cards, from a title, description, URL, and image.
What is it
Open Graph is the meta tag protocol that Facebook, Slack, KakaoTalk, and similar services read when drawing a link preview card (title, description, image), and Twitter Cards are the X-specific extension. This tool generates og:title, og:description, og:url, og:image, og:site_name, and twitter:card tags, and renders a share-card preview from your input. Actual rendering can still vary by platform cache and policy.
How to use
- 1Enter the card title, description, page URL, and image URL.
- 2Pick the og:type and Twitter card format.
- 3Generate, copy the tags into <head>, then verify with the Open Graph checker.
Reference
| Tag | Required | Notes |
|---|---|---|
| og:title | required | share card title |
| og:type | required | content type (website, article, ...) |
| og:image | required | card image — 1200×630px (1.91:1) recommended |
| og:url | required | canonical page URL |
| twitter:card | recommended | X card format (summary, summary_large_image) |
Sources & standards
- The Open Graph protocol - Open Graph protocol
- About X Cards - X Developer Platform
FAQ
Is my input or image URL sent to a server?
No. Tag generation and the card preview run in your browser. The preview image is fetched directly by your browser from the URL you typed and never passes through this service.
What is the recommended og:image size?
1200×630 pixels (1.91:1 ratio) is the most widely used recommendation; images should be at least 600×315 pixels to get a large card on most platforms.
Do I still need Twitter Card tags if OG tags exist?
X falls back to Open Graph tags when twitter:* tags are missing, but explicitly setting twitter:card is the safe way to control the card format.