复制 & 粘贴
带预览
包含图片/缓存提示
OGP 标签生成器 (自动输出 og:title/og:image 等)
输入 URL、标题、描述和图片 URL。同时生成 Open Graph + Twitter Card meta 标签。
获取操作直接在您的浏览器中运行 (受 CORS 限制)。
输入
生成的 meta 标签
/
预览
1) 核心信息
必填
指南: 30–60 个字符
0
指南: 80–120 个字符
0
图片加载时会出现缩略图预览。
当前比例
-
选择 website 或 article。
2) Twitter Card
可折叠 / 默认开启
包含 Twitter Card 标签
2) Twitter Card
可折叠 / 默认开启
自动同步规则
- • 如果 twitter:title 为空，使用 og:title。
- • 如果 twitter:description 为空，使用 og:description。
- • 如果 twitter:image 为空，使用 og:image。
3) 高级
仅在需要微调时打开。
3) 高级
仅在需要微调时打开。
辅助功能文本。X 指出最多 420 个字符。
添加 width/height 可以帮助爬虫更快渲染。(Facebook Developers)
Article 标签 (仅当 og:type=article 时)
如果需要，请使用 ISO 8601。
生成的 meta 标签
预览
OG 预览
example.com
预览标题
描述将出现在此处。
许多 SNS/聊天应用看起来与此类似
X card 预览
summary
example.com
预览标题
描述将出现在此处。
在 summary 和 summary_large_image 之间切换
注意事项 (可选)
注意事项将根据您的输入在此处显示。
选项
图片尺寸指南 (示例)
选择 OG 或 X 查看示例尺寸
比例提示
-
如何使用 / 示例
- 填写 URL、标题、描述和图片 URL。
- 选择 og:type 和 (可选) Twitter Card 设置。
- 复制生成的标签并粘贴到 <head> 中。
快速示例
输入 URL + 标题 + 图片，然后复制推荐组合。
注意与提示
什么是 OGP？
OGP (Open Graph Protocol) 允许社交平台读取您的页面标题、描述和图片。
通过设置 og:title/og:description/og:image，您可以控制分享链接的显示方式。
Twitter Cards (X) 使用类似的元数据，并可以回退到 OG 标签。
图片尺寸指南 (用于稳定预览)
Meta (Facebook) 指南
- • 最小 200×200。
- • 为了更好的显示，建议 1200×630 或更大；参考值为至少 600×315。(Facebook Developers)
- • 接近 1.91:1 的比例有助于避免裁剪 (近似值，非严格)。
- • 文件大小指南包括 8MB 或更小。
X (Twitter) card 指南
- • summary_large_image 支持 2:1 比例；最小 300×157，最大 4096×4096。(X Developer)
- • 参考文件大小为 5MB 以下，常用格式 (JPG/PNG/WEBP/GIF)。
当更改不显示时 (缓存 & 重新抓取)
- • SNS 爬虫会缓存 OG 数据。使用各平台的调试器/检查器重新抓取。(Facebook Developers)
- • 如果您替换了图片但未更新，图片 URL 本身可能已被缓存；请更改文件名或添加查询字符串。
- • 添加 og:image:width/height 可以提高渲染稳定性。(Facebook Developers)
常见问题
也要包含 Twitter Card 标签吗？
是的。twitter:card 和相关标签可以一起生成。X 可以回退到 OG 标签，所以极简设置仍然有效。(X Developer)
推荐的图片尺寸？
作为指南，Meta 建议 1200×630 或更大 (最小 600×315)，比例接近 1.91:1。X 的 summary_large_image 有不同的比例和最小值。请根据目标平台选择。
预览不更新
通常是缓存问题。通过调试器/检查器重新抓取，如果您更改了图片，请使用新的图片 URL。