Framer 社交分享预览未更新

Framer 支持设置全站社交分享预览图、单页自定义覆盖以及 CMS 项目专属图片。如果新图片已经发布但仍显示旧图，通常是平台缓存导致的。

最后更新

请检查您的网址

刷新预览

检查图片尺寸

快速修复


  1. 在“网站设置”中设置图片，或在页面设置中覆盖该图片。

  2. 对于 CMS 页面，请在“页面图片”、“社交预览”下选择“CMS 变量”。

  3. 重新发布网站。

  4. 使用 meta 标签检查器进行检查，然后刷新各个平台。


为什么 Framer 预览未更新

  • 网站尚未重新发布。设置更改只有在发布后才会生效。

  • 页面单独设置优先。页面自身的社交分享图片会覆盖网站默认图片。

  • CMS 页面未绑定图片字段，因此每个项目都显示默认图片。

  • 平台缓存了旧图片。Framer 帮助中心指出，Slack、LinkedIn 和 X 上的缓存是常见原因。

如何解决

  1. 打开“网站设置”（Site settings）并设置默认的社交预览图片。

  2. 对于特定页面，打开其“页面设置”（Page settings）并设置不同的图片。

  3. 对于 CMS 模板，添加一个“图片”（Image）字段，为每个项目填充该字段，然后在“页面设置”中依次选择“页面图片”（Page images）、“社交预览”（Social preview）、“CMS 变量”（CMS Variables），并选择该字段。

  4. 使用 {{Title}} 和 {{Description}} 形式的变量来为每个项目设置标题和描述。

  5. 发布网站，然后使用Meta 标签检查工具检查已上线的网址。

Framer 输出的标签

  • 源自页面标题的 og:title 和 twitter:title

  • og:description 和 twitter:description

  • 源自社交预览的 og:image 和 twitter:image

  • og:url 和 og:type

  • 设置为 summary_large_image 的 twitter:card

未经验证：Framer 未记录其确切的标签列表。这是我们在 2026 年 10 月从已发布的 Framer 网站上读取到的内容。

图片尺寸规则

  • Framer 的社交预览采用 1200 x 630 像素的比例

  • 将重要内容保留在正中央

  • 如果您重视 WhatsApp，请将大小保持在 600 KB 以下

使用 OG 图片尺寸检查工具检查文件。

如何强制刷新

Framer 无法清除其他平台的缓存。请使用 LinkedIn 的 Post Inspector 和 Facebook 的 Sharing Debugger，并在 X、Slack 和 Discord 上分享带有查询字符串的 URL。刷新工具提供了适用于各个应用的详细步骤。

参考来源

常见问题

为什么我的 Framer 社交分享预览图片没有更新？

通常是平台缓存了旧图片。请重新发布，使用元标签检查工具确认新图片，然后在各个平台上刷新。

如何为每个 Framer CMS 页面设置不同的社交分享图片？

添加一个图片字段，然后在 CMS 页面的“页面设置”中依次选择“页面图片”、“社交预览”、“CMS 变量”，并选中该字段。

Framer 社交分享预览图片的尺寸应该是多少？

Framer 使用 1200 x 630 像素的比例。请将重要内容居中放置。

检查您的页面，然后刷新预览

将您的网址粘贴到免费检查器中，查看各个应用程序读取的具体标签。标签确认无误后，使用刷新工具清除旧的预览。

检查您的网址

刷新预览

检查图片尺寸

相关指南

Webflow Open Graph 图片无法正常显示

Webflow 的 Open Graph 是按页面分别设置的，无法进行全局设置。CMS 模版页面需要一个图片字段，并且该集合中的所有图片必须保持相同的尺寸。

Next.js Open Graph 图片无法正常显示

大多数 Next.js 预览问题都源于 Metadata API：缺少 metadataBase、openGraph 对象覆盖了父级配置，或者是图片文件大小超限。

领英 (LinkedIn) 链接预览无法显示或未更新

领英（LinkedIn）根据四个 og: 标签生成预览卡片并保留缓存副本。修复这些标签后，使用 Post Inspector 让领英重新抓取该页面。