社交分享

什么是 og:title 标签?为什么它控制着链接预览?

别人分享你的链接时显示的标题,并不总是你页面的实际标题——这个标签决定了它。

这是什么

og:title(「Open Graph title」的缩写)是一个特定的元标签,<meta property="og:title" content="...">,它准确地告诉社交平台和消息应用,当有人分享你页面的链接时该显示什么标题。Open Graph 是最初由 Facebook 创建的一个共享标准,现在大多数主流平台——Facebook、LinkedIn、Slack、WhatsApp 等——都用它来构建分享链接时显示的预览卡片。

如果没有它,大多数平台会退回使用你常规的页面标题,这通常也没问题——但这意味着,如果你想让分享时显示的内容有所不同,你对那个特定场景下具体显示什么就没有单独的控制权。

为什么重要

当链接被分享时,预览卡片(标题、描述和图片放在一起)往往是别人在决定是否点击之前看到的唯一信息——他们还没访问过你的网站,所以这个预览承担了全部的说服工作。完全依赖默认回退行为,就等于放弃了对页面最具影响力文字之一的控制权,而恰恰是在第一印象最重要的这个场景中。

显式设置 og:title 还能防止回退机制抓取到不理想的内容——如果没有这个标签,一些平台会退回显示一个通用的网站名称,或者你标题被奇怪截断的版本。

如何解决

  1. 写一个简短、清晰、专门为分享场景设计的标题——如果有助于清晰表达,它可以和页面的 SEO 标题标签略有不同。
  2. 在页面 <head> 部分中添加 <meta property="og:title" content="你的标题">
  3. 如果你使用的是网站建设工具或 SEO 插件,寻找一个专门的「社交分享标题」字段,而不是直接编辑代码。
  4. 保持它足够简短——大多数平台会截断过长的标题,所以把最重要的部分放在前面。
  5. 使用 Facebook 的 Sharing Debugger 或 LinkedIn 的 Post Inspector 进行测试,确认标题按预期显示。

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

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

立即免费检测