DTC 品牌营销知识库 DTCBM.COM 关注公众号

SEO · on-page-seo

搜索结果的标题链接与摘要

要点

一、标题链接由 Google 自动生成,<title> 是来源之一。官方列出的来源有:<title> 元素、页面上显示的主标题、<h1> 等标题元素、og:title、样式上醒目的大号文字、页面其他文字、站内外链接的锚文本、WebSite 结构化数据。

二、官方对 <title> 的写法建议如下。

  • 每个页面都在 <title> 里写标题,内容具体、简洁,不用「Home」这类笼统词。
  • 不堆砌关键词,不在多个页面重复同一段模板文字。
  • 品牌名简短地放在开头或结尾,用分隔符隔开。
  • 页面上让主标题在视觉上容易辨认。
  • 标题与页面内容使用同一种语言和文字系统。

三、出现以下情况时,Google 可能不用页面的 <title>,改用其他来源。

情况Google 的处理
标题残缺,例如只有 | Site Name改用页面上的标题元素等内容
标题过时,页面已更新而 <title> 未改使用页面上当前的信息
标题与页面内容不符改写成更能反映页面内容的标题
多个相似页面标题相同补充区分信息,例如季数
页面上没有明确的主标题,多个标题同样醒目可能使用第一个标题作为标题链接
标题语言或文字系统与正文不同可能生成与正文语言一致的标题
站点名称已在结果里单独显示可能从标题链接里去掉站点名称

修改标题相关内容后,Google 要重新抓取和处理页面才会看到变化,官方给的时间是几天到几周。

四、摘要主要来自页面内容,meta description 在比正文更能准确描述页面时才会被采用。摘要会随搜索词变化,同一页面在不同搜索下可能显示不同文字。官方对 meta description 的建议:

  • 每个页面写不同的描述,不在全站使用同一段。
  • 写成能让用户判断页面是否符合需求的介绍,可以包含作者、发布日期、价格、规格等具体信息,例如 <meta name="description" content="Written by A.N. Author, Illustrated by V. Gogh, Price: $17.99, Length: 784 pages">。
  • 由一长串关键词组成的描述不利于用户理解页面,被用作摘要的可能性也更低。
  • 数据库驱动的大型站点难以逐页手写时,程序化生成描述是可以接受的。

五、官方没有规定字符数上限。<title> 和 meta description 的长度都没有限制,搜索结果会按需要截断,通常按设备宽度截断。

六、控制摘要有三种方式,写在 robots meta 标签或 X-Robots-Tag 中,data-nosnippet 是 HTML 属性。

  • nosnippet:不显示文字摘要和视频预览。它也会阻止页面内容被直接用作 AI 概览和 AI 模式的输入。写法 <meta name="robots" content="nosnippet">。
  • max-snippet:[数字]:摘要最多使用指定数量的字符。0 等同 nosnippet;-1 表示由 Google 决定长度。适用范围包括网页搜索、Google 图片、Discover、Assistant、AI 概览、AI 模式。写法 <meta name="robots" content="max-snippet:50">。
  • data-nosnippet:标注页面中不用于摘要的部分,可用在 span、div、section 元素上,是布尔属性,写什么值都被忽略。例如 <div data-nosnippet>不进入摘要的文字</div>。

规则冲突时,采用限制更严的那条。

容易误解的地方

  • 网上流传的标题和描述字数(如 60 字符、160 字符)不是 Google 官方规定的上限,官方只说明会按设备宽度截断显示。
  • 写了 meta description 不代表搜索结果会显示它,Google 主要从页面内容生成摘要。
  • 官方列出的改写情况都出在页面本身,例如标题残缺、过时、与内容不符、多个页面标题相同。先检查这些问题,比反复调整标题字数更有用。
  • 被 robots.txt 禁止抓取的页面,Google 读不到页面上的 nosnippet、max-snippet 等规则,这些规则会被忽略。
  • robots meta 的摘要限制不影响结构化数据的使用,例外是 article.description 的值会遵守 max-snippet。
  • data-nosnippet 要求 HTML 有效、标签正确闭合。不要用 JavaScript 给已有节点添加或移除该属性;用 JavaScript 新增元素时,在元素首次加入 DOM 时就带上这个属性。

怎么检查

  • 抽查页面源码,确认 <title> 存在、不只有站点名、不与其他页面重复,并与页面主标题和正文语言一致。
  • 对比搜索结果显示的标题与 <title>,不一致时按上表逐项排查原因。
  • 检查 meta description 是否逐页不同、是否为关键词堆砌。
  • 设置了 nosnippet 或 max-snippet 的页面,确认没有被 robots.txt 屏蔽;同时存在多条规则时按限制更严的那条理解。
  • 用 JavaScript 渲染的区块,检查 data-nosnippet 是否在元素首次插入 DOM 时就已存在。

来源

公众号 DTC品牌营销 二维码扫码 / 长按识别

接入知识库

把整套已验证知识接进你自己的 AI

关注公众号「DTC品牌营销」,自动发放知识库 MCP / CLI 接入 key,让你的 AI 直接调用全部已沉淀经验,并持续接收更新。

相关内容