代码、数据与二维码工具

Open Graph 元数据生成器

填写页面详情,预览分享链接可能呈现的效果,然后复制干净的 Open Graph 和 Twitter Card 标签到 HTML。

优先本地处理无需注册隐私说明 ↗

请保持简洁。生成的属性会进行 HTML 转义。

使用步骤

如何使用

  1. 输入页面标题、描述、URL、图片及可选社交资料。
  2. 查看已转义的标签和精简社交预览。
  3. 复制标签或下载为 HTML 片段,然后用目标平台测试最终页面。

标准字段,本地输出

表单涵盖 Open Graph 标题、描述、URL、图片、图片替代文本、站点名称和区域设置字段,以及 Twitter Card、creator 和图片字段。值会在插入属性前进行 HTML 转义,因此引号、和号和尖括号仍作为文本处理。

预览仅供参考

预览根据你的文本和图片 URL 模拟分享链接卡片。它不会发起网络请求、检查图片尺寸,也不保证 Facebook、LinkedIn、X 或其他爬虫呈现相同卡片。请使用平台当前的调试工具检查已发布页面。

常见问题

你可能还想知道

会上传或获取我的图片吗?

不会。页面只会将图片 URL 放入生成标签和预览中;不会获取、上传或验证图片。

输入值会转义吗?

会。插入 HTML 属性的文本会对和号、引号、尖括号和撇号进行转义。

能保证社交预览吗?

不能。爬虫可能缓存标签、应用平台限制,或要求页面和图片可通过公开 HTTPS 访问。请使用相关平台工具测试部署后的页面。