Open Graph and X Card Tag Generator

When a link is shared on Facebook, LinkedIn, KakaoTalk, Slack, Discord or X, the preview card — title, description and image — comes from Open Graph meta tags in the page's <head>. This generator writes a complete, escaped set of og: tags (with image size and alt text and the article fields) plus the X card tags, and warns about the things that break previews: relative or http image URLs, images that are too small or the wrong shape, and missing descriptions.

How to use this tool

1. Enter the title, description and canonical URL of the page.
2. Add an absolute image URL — 1200 × 630 px works on every platform — and its size and description.
3. Pick the og:type and, for articles, the published time and tags; add X account names if you have them.
4. Paste the tags into the page's <head>, then refresh the cached preview in each platform's debugger.

Formula

<meta property="og:title|og:description|og:type|og:url|og:image" content="…"> · <meta name="twitter:card" content="summary_large_image">

Open Graph uses the property attribute; X card tags use name. X falls back to og:title, og:description and og:image when twitter: versions are missing, so only twitter:card is essential. Since March 2026 Google also lists og:image as a source for the thumbnail it shows with a result.

Example

For the sample article the generator outputs 13 tags: og:title, og:description, og:type (article), og:url, og:image with secure_url, width 1200, height 630 and alt, og:site_name, og:locale en_US, article:published_time and twitter:card summary_large_image. A title such as Tom & "Jerry" is written as Tom &amp; &quot;Jerry&quot;, and a relative image path like /img/share.jpg is rejected because crawlers need a full URL.