这是什么
og:image 是一个元标签,<meta property="og:image" content="https://yourdomain.com/image.jpg">,它准确地告诉社交平台和消息应用,当你页面的链接被分享时,应该在预览卡片中显示哪张图片。与标题和描述标签不同,这里通常没有值得依赖的自动回退——如果没有这个标签,大多数平台就只会显示一个没有任何图片的纯文字预览,与其他带图片的分享链接相比,会显得明显没那么吸引人。
这张图片需要通过它完整、直接的网址来引用(而不是相对路径),并且托管在一个无需登录即可公开访问的位置。
为什么重要
带有视觉预览的分享链接,比那种只显示为纯文字的链接,能获得多得多的关注和点击,仅仅是因为它占据了更多的视觉空间,在拥挤的社交动态或聊天线程中显得更有分量。这在几乎所有生成链接预览的平台上都成立——图片往往是整个预览卡片中最大的视觉元素。
缺失 og:image 也是社交分享中较常见的缺口之一,恰恰因为设置标题和描述标签(都只是文字)很容易,却容易忘记图片需要自己独立、格式正确的标签。
如何解决
- 选择一张能很好代表页面内容、宽高比大致为横向宽幅的图片(1200×630 像素是一个常被推荐的尺寸)。
- 把图片上传到你自己网站上的某个位置,让它拥有一个稳定、直接的网址。
- 在页面
<head>部分中添加<meta property="og:image" content="https://yourdomain.com/path/to/image.jpg">,使用完整地址,而不是相对地址。 - 如果你使用的是网站建设工具,在那个特定页面上寻找「社交分享图片」的上传字段,而不是直接编辑代码。
- 使用 Facebook 的 Sharing Debugger 或 LinkedIn 的 Post Inspector 进行测试——如果你在更新一张已经被分享过一次的图片,这些工具还能帮你清除平台缓存的(过时的)预览。