社交分享

为什么你的链接被分享时没有图片显示出来

如果没有这一个特定标签,分享的链接会退回成一个没有任何视觉元素的纯文字方块。

这是什么

og:image 是一个元标签,<meta property="og:image" content="https://yourdomain.com/image.jpg">,它准确地告诉社交平台和消息应用,当你页面的链接被分享时,应该在预览卡片中显示哪张图片。与标题和描述标签不同,这里通常没有值得依赖的自动回退——如果没有这个标签,大多数平台就只会显示一个没有任何图片的纯文字预览,与其他带图片的分享链接相比,会显得明显没那么吸引人。

这张图片需要通过它完整、直接的网址来引用(而不是相对路径),并且托管在一个无需登录即可公开访问的位置。

为什么重要

带有视觉预览的分享链接,比那种只显示为纯文字的链接,能获得多得多的关注和点击,仅仅是因为它占据了更多的视觉空间,在拥挤的社交动态或聊天线程中显得更有分量。这在几乎所有生成链接预览的平台上都成立——图片往往是整个预览卡片中最大的视觉元素。

缺失 og:image 也是社交分享中较常见的缺口之一,恰恰因为设置标题和描述标签(都只是文字)很容易,却容易忘记图片需要自己独立、格式正确的标签。

如何解决

  1. 选择一张能很好代表页面内容、宽高比大致为横向宽幅的图片(1200×630 像素是一个常被推荐的尺寸)。
  2. 把图片上传到你自己网站上的某个位置,让它拥有一个稳定、直接的网址。
  3. 在页面 <head> 部分中添加 <meta property="og:image" content="https://yourdomain.com/path/to/image.jpg">,使用完整地址,而不是相对地址。
  4. 如果你使用的是网站建设工具,在那个特定页面上寻找「社交分享图片」的上传字段,而不是直接编辑代码。
  5. 使用 Facebook 的 Sharing Debugger 或 LinkedIn 的 Post Inspector 进行测试——如果你在更新一张已经被分享过一次的图片,这些工具还能帮你清除平台缓存的(过时的)预览。

看看你自己的网站是否也有这个问题

Launch Readiness 会在几秒内检测你的网站是否存在此问题以及其他约 50 个上线前的问题——免费,无需注册。

立即免费检测