🔧

Open Graph 生成器

生成 Open Graph 和 Twitter Card meta 标签。

Title

Description

URL

Image URL

OG Type

Twitter Card

Generated Tags

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A great description for social sharing." />
<meta property="og:image" content="https://example.com/og.png" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A great description for social sharing." />
<meta name="twitter:image" content="https://example.com/og.png" />

How to Use

填写各字段：标题、描述、页面 URL、图片 URL、OG 类型和 Twitter Card 样式。
工具根据您的输入生成完整的 Open Graph 和 Twitter Card meta 标签。
复制生成的标签，粘贴到 HTML 页面的 head 标签内。

Frequently Asked Questions

Open Graph 和 Twitter Card 有什么区别？: Open Graph（og: 属性）被 Facebook、LinkedIn 及大多数平台使用；Twitter Card（twitter: 属性）专用于 X/Twitter。本工具同时生成两组标签。
图片尺寸要求是什么？: 社交分享推荐尺寸为 1200x630 像素。宽度小于 600px 的图片可能无法显示为大卡片样式。
如何验证 OG 标签是否生效？: 可使用 Facebook 分享调试器或 LinkedIn 帖子检查器来验证并预览页面分享效果。Twitter 也提供了 Card Validator 工具。

Open Graph 生成器

How to Use

Frequently Asked Questions

You Might Also Like