保哥笔记

Google搜索结果和Discover缩略图选取机制解析

引言:为什么你的精心设计的图片总是"失踪"?

你是否遇到过这样的困境:文章精心配了一张高质量首图,但Google搜索结果中展示的却是页面侧边栏的一个无关图标?或者在Discover信息流中,本应展示产品大图的位置出现了网站Logo?

这个问题困扰着无数内容发布者和SEO从业者。长期以来,Google对缩略图(Thumbnail)的选取逻辑一直没有给出清晰的官方指引,导致大家只能靠猜测和经验"盲调"。

好消息是,2026年2月10日,Google正式更新了Search Central的两份核心文档——Image SEO最佳实践Discover文档,新增了"通过元数据指定首选图片"(Specify a preferred image with metadata)的完整章节。这是Google首次系统性地向发布者阐明:它在选取缩略图时会参考哪些元数据信号,以及发布者如何主动传递这些信号。

保哥将在本文深度拆解这次文档更新的所有技术细节,并提供可直接复制部署的代码模板。


一、背景:Google缩略图选取的底层逻辑

在深入技术细节之前,我们先理解一个核心前提:Google的图片预览选取是自动化的。 它会从页面上的多个来源抽取候选图片,通过算法综合判断后选出最终展示的缩略图。

这意味着,即使你做了所有正确的标记,Google也不一定100%采用你指定的图片——但元数据标记能显著"影响"(influence)它的选择。这个词汇的选用非常精准:Google给你的是影响权,而非决定权。

理解这一点很重要,因为它直接决定了我们的优化策略:你的目标不是"强制"Google使用某张图,而是"尽可能让Google没有理由不使用"你指定的那张图。


二、三大元数据方法:完整技术解析

Google在更新后的文档中明确列出了三种指定首选图片的方法。下面逐一拆解。

方法一:使用 primaryImageOfPage 属性

这是语义最精确的方式。它直接告诉Google:"这个页面的主图就是这张。"

适用场景: 任何类型的网页,特别是内容页面需要明确指定一张代表性图片时。

JSON-LD 代码模板:

{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "你的页面标题",
  "primaryImageOfPage": {
    "@type": "ImageObject",
    "contentUrl": "https://example.com/images/hero-image.jpg",
    "width": 1200,
    "height": 675
  }
}

实操要点:

primaryImageOfPage 是 Schema.org 中 WebPage 类型的专属属性,它的语义非常明确——"这个页面的首要图片"。从信号强度的角度来看,这可能是三种方法中语义最清晰的一种,因为它直接建立了"页面→主图"的映射关系,没有任何歧义。

部署时需要注意:@type 必须是 WebPage 或其子类型(如 ItemPageAboutPage 等),不能用在 ArticleBlogPosting 类型上——那是第二种方法的领域。

方法二:通过 mainEntity / mainEntityOfPage 附加图片

这种方法的思路不同:不是直接标注"页面主图",而是在页面的核心实体(Main Entity)上挂载 image 属性。

适用场景: 博客文章、新闻稿、产品页等有明确内容类型的页面。

JSON-LD 代码模板:

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "你的文章标题",
  "image": {
    "@type": "ImageObject",
    "url": "https://example.com/images/article-hero.jpg",
    "width": 1200,
    "height": 675
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/your-article-url"
  }
}

实操要点:

这是大多数内容站点最常用的方式,因为你很可能已经在部署 ArticleBlogPosting 的结构化数据了。关键在于确保 image 属性指向的是你希望在搜索结果中展示的那张图片,而不是随便填一个URL凑数。

特别注意:很多CMS(如WordPress配合Yoast SEO插件)会自动为文章生成 Article 结构化数据,并将特色图片(Featured Image)填入 image 字段。如果你的CMS已经在做这件事,那你要确认它填入的图片确实是你想在搜索结果中展示的那张。

方法三:使用 og:image Meta标签

这是最"传统"也是部署最广泛的方式。

HTML 代码模板:

<head>
  <meta property="og:image" content="https://example.com/images/share-image.jpg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="675" />
</head>

实操要点:

og:image 最初是为Facebook的Open Graph协议设计的,用于控制链接在社交媒体分享时的预览图。Google此次在文档中正式确认它也会参考 og:image 来选取搜索结果和Discover的缩略图,这一点非常重要——它意味着你为社交媒体分享做的图片优化,同时也在为搜索缩略图服务。

大多数网站其实已经部署了 og:image(因为社交分享需要),所以这更多是一个"确认"而非"新增工作"。但你应该借此机会审查一下现有的 og:image 是否指向了高质量的、与内容相关的图片,而不是一个通用的品牌分享图。


三、方法对比与选择策略

维度primaryImageOfPagemainEntity.imageog:image
语义精确度最高,直接指定页面主图较高,挂载在内容实体上中等,原本为社交分享设计
部署难度需要额外添加 WebPage 结构化数据通常已有 Article 标记,添加方便大多数CMS已自动生成
适用页面类型所有类型页面有明确内容实体的页面所有类型页面
与现有标记兼容性可能需要额外的JSON-LD块可融入已有的结构化数据独立于结构化数据体系

推荐策略:三者并用,形成信号冗余。

这不是"选一个用"的问题。Google文档列出了三种方法,最稳妥的做法是同时部署,让三个信号指向同一张图片。这样做的好处是形成信号冗余(Signal Redundancy)——即使Google在处理某个信号时出现异常,其他信号仍然能传递你的意图。

完整部署模板:

<head>
  <!-- 方法三:og:image -->
  <meta property="og:image" content="https://example.com/images/hero.jpg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="675" />

  <!-- 方法一 + 方法二:结构化数据 -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "页面标题",
    "primaryImageOfPage": {
      "@type": "ImageObject",
      "contentUrl": "https://example.com/images/hero.jpg"
    },
    "mainEntity": {
      "@type": "BlogPosting",
      "headline": "文章标题",
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/images/hero.jpg",
        "width": 1200,
        "height": 675
      }
    }
  }
  </script>
</head>

注意:三个方法都指向了同一张图片URL。一致性是关键。如果三个信号指向不同的图片,反而会让Google困惑。


四、图片本身的优化规范

指定了正确的元数据只是第一步。如果你指向的图片本身不符合Google的质量标准,一切标记都是白费。根据Google文档中的明确建议,以及Discover的现有要求,图片应满足以下规格:

硬性指标:

内容要求(Google明确强调的):

容易忽略的细节:


五、Discover专属优化:别忘了这个前置条件

如果你的目标场景包括Google Discover,有一个关键的前置条件必须满足:

max-image-preview:large 设置是必须的。

Google在更新后的Discover文档中明确说明:Schema.org标记和 og:image 元数据可以影响Google选取哪张图片,但它们不能替代 Discover大图展示的资格要求。要获得大图展示资格,你必须满足以下条件之一:

部署方式:

<meta name="robots" content="max-image-preview:large" />

这个标签告诉Google:"你可以在搜索结果和Discover中展示我页面的大尺寸图片预览。"没有这个授权,即使你的图片完美匹配所有规格,也只能获得小缩略图的待遇。

许多站长在排查"Discover图片为什么不够大"的问题时,往往把所有注意力放在图片本身,却忽略了这个简单的meta标签。这是一个低成本、高回报的基础配置。


六、实战检查清单:马上可以执行的行动项

以下是一份可以立即执行的检查清单,按优先级排列:

第一步:基础排查(10分钟)

检查网站是否已部署 max-image-preview:large 的 robots meta标签。这是一切的前提。如果没有,立即添加。

第二步:现有标记审查(30分钟)

打开Google的富媒体搜索结果测试工具(Rich Results Test),输入你网站的几个核心页面URL,检查当前的结构化数据中是否已包含 image 属性,以及该属性指向的图片是否合适。同时检查页面HTML的 <head> 中是否有 og:image 标签。

第三步:标记优化(1-2小时)

根据上面的代码模板,补全缺失的元数据标记。确保 primaryImageOfPagemainEntity.imageog:image 三者指向同一张图片。

第四步:图片质量检查(持续)

建立一套图片发布规范:最低1200px宽,16:9比例,避免纯Logo和文字图片。将此规范纳入内容发布流程。

第五步:监控与迭代(持续)

通过Google Search Console的"效果"报告中的"Discover"标签,监控Discover流量变化。通过搜索结果实际展示效果,验证缩略图是否按预期显示。


七、常见误区澄清

误区一:"只要加了标记,Google就一定用我指定的图。"

不对。Google明确说这些元数据是"影响"而非"决定"。Google的算法仍然会综合考虑图片的质量、相关性、页面上下文等多个因素。标记的作用是传递你的偏好信号。

误区二:"这次文档更新意味着Google改变了缩略图选取算法。"

不对。Google自己也说了,这是一次文档澄清(clarification),不是功能更新。Google一直在使用这些信号,只是之前没有在文档中明确写出来。

误区三:"og:image 和结构化数据只要部署一个就够了。"

技术上可以,但不推荐。三种方法各有适用场景和信号传递路径,全部部署的冗余策略更稳健。而且 og:image 还服务于社交媒体分享场景,本来就应该部署。

误区四:"图片越大越好。"

不完全对。Google推荐高分辨率,但同时要考虑页面加载速度。建议使用现代图片格式(WebP或AVIF),在保持视觉质量的前提下优化文件体积。1200px宽的图片控制在200KB以内是比较好的平衡点。


总结

Google这次文档更新虽然没有引入新的算法变化,但它首次系统性地将缩略图选取的元数据信号公开文档化,这对SEO从业者来说意义重大——我们终于有了官方参考标准,而不再是基于推测进行优化。

核心行动路径很清晰:确保 max-image-preview:large 已部署,然后通过 primaryImageOfPagemainEntity.imageog:image 三重信号指向同一张高质量、内容相关的图片。这不是复杂的技术改造,而是一套可以在半天内完成的基础优化工作。

控制你的缩略图展示,本质上就是控制用户在搜索结果和Discover信息流中对你内容的第一印象。这个第一印象,直接影响点击率,最终影响流量。