OGP 标记生成器( og: title, og: image, and More 的自动输出)

输入 URL,标题,描述,和图像 URL. 在一个地方生成 Open Graph 和 Twitter Card meta 标签。

复制和粘贴准备 内置预览 图像和缓存指导

如何使用

  1. 打开工具并输入犬形URL,标题,和图像URL.
  2. 可选添加描述,网站名称,以及Twitter设置.
  3. 复制生成的元标记并粘贴到您的页面头中。
  4. 检查预览和通知,然后在需要时调整图像比或缓存策略.

什么是OGP吗?

OpenGraph协议(OGP)是社交平台和聊天应用程序用于渲染链接预览的元数据.

通过设置og:title,og:description,og:image,以及相关的标记,可以影响共享的URLs的出现.

OGP与Twitter Card标签的组合有助于让预览行为在各平台之间更加一致.

图像大小指导(用于更稳定的预览渲染)

Meta 平台指导( 参考)

  • 最低参考:200×200.
  • 常稳定:1200×630或更大,至少600×315.
  • 目标宽度比1.91:1左右.
  • 图像文件大小指导包括8MB或以下.

X卡指导(参考)

  • 汇总 大图像一般目标约为2:1比例.
  • 参考范围:最低300×157,最高4096×4096.
  • 文件大小指导包括少于5MB.
  • 在支持的地方使用JPG/PNG/WEBP/GIF.

当更新不出现时( 缓存和重刷)

  • 社会爬行者可能会缓存获取的元数据. 使用每个平台的调试器/检查器请求重排.
  • 如果图像替换没有出现,改变图像URL可以帮助(文件名更新或查询字符串).
  • 设置 og: image: width 和 og: image: height 在某些情况下可能会改善渲染稳定性.

页:1

这也能生成Twitter卡标签吗?

对 它可以一起输出Twitter:card 和相关标签. 还有一个最小模式。

我应该用什么图像大小?

按目的地使用实用指导. 面向Meta的预览经常使用约1.91:1(例如1200x630),而X摘要 大图像通常使用约2:1(例如1200x600).

为什么没有反映变化?

大多数案件与缓存有关。 通过平台工具重新刷卡,并在更换后考虑更改图像URL.