Webflow Open Graph 图片无法正常显示
Webflow 的 Open Graph 是按页面分别设置的，无法进行全局设置。CMS 模版页面需要一个图片字段，并且该集合中的所有图片必须保持相同的尺寸。
最后更新
快速修复
打开要分享页面的“页面设置”和“Open Graph 设置”。
在 CMS 模板上，从集合中选择一个图片字段。
使用 1200 x 630 像素的 JPG 或 PNG 格式，确保整个集合使用相同的尺寸。
发布后，使用刷新工具刷新链接。
为什么 Webflow 图片无法显示
页面没有设置 Open Graph 图片。Webflow 无法全局设置 Open Graph 标签；每个页面都需要单独设置。
CMS 集合中没有“图片”（Image）字段，因此模板上的 Open Graph 图片下拉菜单为空。
集合中的图片尺寸各不相同。Webflow 要求集合中的所有 Open Graph 图片必须具有相同的尺寸。
图片格式为 WebP 或 AVIF。资源选择器仅列出 JPG 和 PNG。Webflow 指出，部分平台（包括 LinkedIn 在内）在此处不支持 WebP 或 AVIF。
更改尚未发布，或者平台缓存了旧卡片。
如何解决
在“页面”（Pages）面板中，打开“页面设置”（Page settings），然后打开“Open Graph 设置”（Open Graph settings）。
点击“选择图片”（Select image）并从资源中选择 JPG 或 PNG，或者粘贴公开的图片 URL。
对于 CMS 模板页面，从 Open Graph 图片下拉菜单中选择一个图片字段（例如主图）。
如果所有图片尺寸相同，请在“站点设置”（Site settings）>“自定义代码”（Custom code）>“Head 代码”（Head code）中添加
og:image:width和og:image:height。发布站点，并使用元标签检查器检查线上 URL。
Webflow 输出的标签
og:title（如果勾选该选项，则为您的 SEO 标题）og:descriptionog:image其他任何内容（例如
og:image:width）都放入自定义代码中
图片尺寸规范
根据 Webflow 指南，至少为 1200 x 630 像素，比例为 1.91:1
从资源选择器中选择 JPG 或 PNG
集合中的每个 Open Graph 图片尺寸需保持一致
避免过度压缩；Webflow 建议为 Open Graph 上传未压缩的副本
如何强制刷新
发布并不会清除其他平台的缓存。请在 Facebook 的分享调试器（Sharing Debugger）和 LinkedIn 的 Post Inspector 中测试该 URL，并在 X、Slack 或 Discord 上分享时添加查询字符串。刷新工具汇总了所有这些链接。
参考来源
常见问题
我能为整个 Webflow 网站设置一张通用的 Open Graph 图片吗？
不会。Webflow 表示 Open Graph 标签仅适用于设置它们的页面，因此需要逐页进行设置。
为什么我的 CMS 模板上的 Open Graph 图像下拉菜单是空的？
该集合没有图片字段。请添加一个图片字段，为每个条目填充该字段，并在 Open Graph 设置中选择它。
我可以在 Webflow 的 Open Graph 图像中使用 WebP 格式吗？
只能通过粘贴其 URL；选择器中仅列出了 JPG 和 PNG。Webflow 建议使用 JPG 或 PNG，因为部分平台无法读取 WebP。