Signal to BuildSIGNAL TO BUILD中文Owner sign in ↗
← Knowledge Notes
Global Growth ／ Knowledge note · Chinese

搜索结果视觉元素全景 (Visual Gallery / Title / Snippet / Favicon / Sitelinks / Featured / AI / Translated / Preferred)

Google Search 结果页全部视觉元素。4 类 result(Text/Rich/Image/Video)+ Exploration features。Attribution(Favicon/Site name/Visible URL/Domain/Breadcrumb)。**Title link** 11 best practice + 6 大 Google override 场景(half-empty/obsolete/inaccurate/duplicate/no clear main/lang mismatch)+ 9 sources。**Snippet** 元素 + meta description 6 准则 + Read more deep link 3 纪律。**Favicon** 6 实施规则(只 domain/subdomain 级 + 8x8px min + Googlebot-Image 必须可爬)。**Sitelinks** 4 准则 + 移除方法。**Featured Snippets**: nosnippet 彻底 / max-snippet 部分阻止 / 不能主动标记。**Enriched search**(Jobs/Recipes/Events 唯一)+ 5 quality guideline。**AI Features**(AI Overviews + AI Mode):无 special SEO 要求,**no AI text file / no special schema**,用 nosnippet/max-snippet/noindex 控制 + Google-Extended 控制 AI 训练。**Translated results** 21 语言 + notranslate opt out + 给 ad network 提供 URL 解码 9 步算法。**Preferred sources**(Top Stories)用户主动选偏好 + deeplink + button 资产。

Source collection：Google 搜索与 SEO · Published here：2026-09-26

SEO搜索引擎自然增长

一句话: Google Search 结果页是个视觉元素拼装:每种 result 类型 + 每种 attribution 元素都有自己的控制方法。本 wiki 是"我要让搜索结果的 X 部分长这样"的对照表。

TL;DR — 想控制结果页哪部分?

元素 怎么控
Title link 写好 <title> + main visual title + heading(Part 2)
Snippet meta description 写好 + data-nosnippet 排除部分(Part 3)
Favicon <link rel="icon"> + 8x8 min(Part 4)
Site name WebSite SD 标(见 Google SEO 入门 + Search 工作原理 + Search Essentials)
Breadcrumb BreadcrumbList SD(见 Ecommerce SEO 完全指南 (6 Surface / 4 Launch 策略 / Merchant Center / 6 SD 类型 / Pagination 3 模式 / Review 13 准则))
Sitelinks 不能直控 — 好的内链结构 + 不要重复(Part 5)
Featured snippet 不能主动标 — opt out 用 nosnippet / max-snippet(Part 6)
Rich attributes(stars/recipe/etc) structured data(见 Structured Data 完全总览 (框架 + 34 个 rich result type 一键查 + JSON-LD/Microdata/RDFa 选型) 后续)
Enriched search(jobs/recipes/events) 对应 SD + completeness(Part 7)
AI Overviews / AI Mode 标准 SEO + nosnippet 不显示(Part 8)
Translated results notranslate opt out(Part 9)
Preferred sources 引导用户选你为偏好(Part 10)
Image / Video result google-images / video best practice(见 富功能 / Discover / Images / Video / Page Experience / Web Stories / SXG / Paywall 完全指南 后续)

Part 1 — Visual Elements Gallery: 结果页元素全景

1.1 5 大 result 类型

类型 何时出现 主要驱动
Text result(plain blue link) 默认 内容质量 + SEO
Rich result structured data 触发 SD markup
Image result image-seeking query 图片 SEO
Video result video-seeking query 视频 SEO
Exploration features(People also ask / Related searches) 自动 不能直控

1.2 Attribution 元素

元素 含义
Favicon 网站图标(Part 4)
Site name 站名(WebSite SD)
Visible URL 域 + 面包屑
Domain example.com
Breadcrumb 层级(BreadcrumbList SD)

1.3 Text result 子元素

  • Attribution
  • Title link
  • Snippet
  • Byline date(publication-dates SD)
  • Sitelinks group(2+ sitelinks)
  • Text result image(最相关页内图)
  • Rich attributes(stars / recipe time / 等 — SD 驱动)

1.4 Image / Video result 子元素

  • Image thumbnail / Video thumbnail
  • Attribution
  • Upload date(video only)

1.5 Exploration features

  • Related searches group: 其他人搜的相关词
  • Related questions group(People Also Ask): 展开是 featured snippet

⚠️ exploration features 不能直控,但用作内容选题灵感很好。

Part 2 — Title Link

按优先级粗略降序:

  1. <title> 元素
  2. Main visual title(页面上最显眼的标题)
  3. Heading 元素(尤其 <h1>)
  4. og:title meta tag
  5. 其他大字号 / prominent text
  6. 页面其他文本
  7. 页面上 anchor text
  8. 来自其他站指向这页的链接里的文本
  9. WebSite structured data

2.2 11 best practice

  1. 每页都有 <title> — 必须
  2. descriptive + concise — 别 "Home" / "Profile"。没字数限制但 SERP 截断到设备宽度
  3. 不要 keyword stuffing("Foobar, foo bar, foobars, foo bars")
  4. 不要 boilerplate / 重复 — 每页独特,不能全站 "Cheap products for sale"
  5. brand 简洁 — 首页加品牌可以,内页 Site Name | Page Topic 这种格式,不要每页全名重复
  6. main title 视觉上明确 — 多 heading 同级 Google 会困惑
  7. 不要 robots.txt block 重要页 — block 后 Google 用别站 anchor text 当 title
  8. 同 page 主语言 + writing system 一致 — 印地语页用印地语 title(不要拉丁拼音)
  9. 不要塞 flight price(秒级变化,Google 会忽略)
  10. 调整 <title> 后 几天到几周才被 Google 看到 — 可用 URL Inspection 请求 recrawl
  11. Google 不能为单站手动改 title — 只能你自己改

2.3 6 大 Google override 场景

场景 例 Google 行为
Half-empty <title> <title>\| Site Name</title>(管道前空) 用 heading / 大字号文本补
Obsolete <title> <title>2020 admissions</title> 但页面写 "2021 admissions" 用可见 2021
Inaccurate <title> title 说 "Giant teddy bears" 但页面动态变 改用反映实际内容的
Micro-boilerplate 整季所有页都 <title>My TV show</title> 加 "Season N" 区分
No clear main title 多 heading 同级 用第一个 <h1>
Writing system mismatch 印地语页 title 写英文 用页面 prominent 文本
Site name 重复 title 含 site name 但右上角已显 site name 删 title 里的重复

2.4 改 title 不见效?

→ Google 可能识别了上面某种 issue overriden 了你的 title。核对 issue 清单,确认 title 是更好的 vs 用户查询。或去 Help Community 讨论。

Part 3 — Snippet

3.1 Snippet 来源

主要从页面内容自动生成。Google 觉得 meta description 更准时,用 meta description。不同查询可能给不同 snippet。

3.2 控制 snippet 3 大手段

手段 效果
<meta name="robots" content="nosnippet"> 完全不显 snippet(也不能用作 AI Overviews/Mode 输入)
<meta name="robots" content="max-snippet:N"> 最多 N 字符;0 = nosnippet;-1 = Google 自决
<div data-nosnippet>...</div> 仅排除特定段落

冲突:nosnippet 优先于 data-nosnippet。

3.3 Meta description 6 best practice

  1. 每页 unique(home 用站级,内页用页级)
  2. 包含 page-specific 关键信息:作者 / 日期 / 价格 / 厂商 — 不只一句话,可以是结构化标签
    <meta name="description" content="Written by A.N. Author, Illustrated by V. Gogh, Price: $17.99, Length: 784 pages">
  3. 大站可程序化生成(news / 产品聚合)— 人写不过来,程序化也行,质量先决条件
  4. 用 quality description(对比示例):
    • ❌ 关键词列表:"Sewing supplies, yarn, colored pencils, sewing machines"
    • ✅ 解释 + 细节:"Get everything you need to sew your next garment. Open Mon-Fri 8-5pm, located in the Fashion District."
  5. 不要每篇新闻同 description
  6. summarize whole page 不要只 quote 一段

deep link = snippet 里的 "Read more" 链接到页面具体段落:

  1. 内容必须立即可见(不藏在折叠/tab)
  2. 不要用 JS 控制 scroll position
  3. History API / hash fragment 改动时别移除 hash(deep linking 依赖 hash)

Part 4 — Favicon

4.1 实施

<link rel="icon" href="/path/to/favicon.ico">

3 种 rel 值都行:

  • icon(HTML 标准,推荐)
  • shortcut icon(历史兼容)
  • apple-touch-icon / apple-touch-icon-precomposed(iOS 友好)

href 可绝对或相对 URL,可跨域(CDN)。

4.2 6 大规则

  1. 每 hostname 一个 favicon — example.com 和 news.example.com 可不同,但 example.com/news 不能有独立 favicon
  2. 必须 Googlebot-Image 可爬 + Googlebot 可爬 homepage
  3. 视觉代表品牌
  4. 必须正方形 + 至少 8x8px(推荐 > 48x48px 多端显示好)
  5. URL 稳定,别频繁改
  6. 不能含 inappropriate 内容(色情 / 仇恨 / swastika)→ Google 替换为默认图标

4.3 home page 类型

  • ✅ https://example.com(domain-level)
  • ✅ https://news.example.com(subdomain-level)
  • ❌ https://example.com/news(subdirectory-level)— 不支持

Part 5 — Sitelinks

5.1 是什么

自动生成的从同 domain 多链接,聚在一个 text result 下当 shortcut。

5.2 4 best practice(影响生成质量)

  1. Title + heading informative / relevant / compact
  2. 逻辑站点结构 + 重要页从其他相关页链入
  3. 内链 anchor text 简洁 + 相关
  4. 避免 content 重复
  • 删页
  • 或加 noindex

Part 6 — Featured Snippets

6.1 是什么

特殊的反转 snippet(描述在标题前)。也出现在 People Also Ask。

6.2 不能主动标记

Google 算法决定哪页 elevate 成 featured snippet。没法手动申请。

6.3 Opt out 2 路径

A. Block 全部 snippet(包含 featured):

<meta name="robots" content="nosnippet">
  • data-nosnippet 排除特定段(nosnippet 优先)。

B. 仅 block featured 保留普通 snippet:

<meta name="robots" content="max-snippet:[小数字]">

不断降低 直到不再出现为 featured。不保证,但缩越短越不可能。

⚠️ Google 不给 featured snippet 的最小长度阈值(因语言/平台变)。

→ 直接跳到对应段落(浏览器支持 deep linking 的话)。不支持时跳页面顶部。

Part 7 — Enriched Search

7.1 是什么 vs Rich Result

Rich Result Enriched Search
触发 structured data structured data
体验 增强 snippet interactive / immersive(独立 search interface)
例 review stars jobs search / recipe filter
  • Job Posting
  • Recipe
  • Event

7.3 5 大 quality guideline(全要满足)

Guideline 含义
Required properties 缺必填属性 → 不 eligible
Completeness 提供更多 recommended properties → 排名提升信号
Relevance data 必须真相关(woodworking 站标 recipes ❌)
Leaf content only 只索引详情页,不是 listing 页(类目页)
Content policies 各 type 自有内容政策

⚠️ 站大比例不达标 → 整站从 enriched search 移除。

7.4 重复 SD 不算 duplicate

例: 同一招聘 listing 在多地展示,description 同但 location 不同 → enriched search 算法不当作 duplicate。

Part 8 — AI Features (AI Overviews + AI Mode) ⭐

8.1 关键认知

AI Overviews / AI Mode 没有 special SEO 要求。SEO fundamentals 直接适用。不需要:

  • 创建 machine-readable file
  • 创建 AI text file(llms.txt 等)
  • 加 special schema.org markup

看 Google SEO 入门 + Search 工作原理 + Search Essentials AEO/GEO/chunking/llms.txt 都是 myth。

8.2 AI Overviews vs AI Mode

AI Overviews AI Mode
出现 自动判额外有价值时(经常不触发) 用户专门用 AI 模式查询时
用途 复杂问题快速 gist + 跳转链接探索 探索 / 推理 / 复杂比较
链接多样性 比普通 search 更多元 同
技术 query fan-out(多个 subtopic 搜索) 同

8.3 出现资格

页面满足:

  1. 可索引(可被 Search 显)
  2. 可显 snippet(没 nosnippet)
  3. 满足 Search technical requirements

仅此而已。没有额外技术要求。

8.4 SEO best practice(同普通 SEO)

  • robots.txt 允许爬
  • 内链可发现
  • 良好 page experience
  • 重要内容 textual form 可读
  • 图 / 视频高质
  • structured data 与可见文本一致
  • Merchant Center / Business Profile 最新

8.5 监控

Search Console Performance report → "Web" search type 包含 AI Overviews + AI Mode 流量。

⭐ 来自 AI Overviews 的 click 质量更高(用户在站内停留更久)。

8.6 控制内容不在 AI 中显示

控制 效果
nosnippet / data-nosnippet / max-snippet 限制 snippet → 也限 AI 用作输入
noindex 整页不索引,不在 AI 出现
Google-Extended robots.txt 控制 阻止用于 Google 其他 AI 系统的训练 / grounding(不影响 Search)

8.7 Troubleshoot preview controls 没生效

  1. URL Inspection 查 Googlebot 收到的 HTML
  2. 改完等 recrawl(几天到几月)— 用 URL Inspection 请求加速

Part 9 — Translated Results

9.1 是什么

Google 自动把 title link + snippet 翻译成用户语言显示。

9.2 21 支持语言

阿拉伯 / 孟加拉 / 英 / 法 / 德 / 古吉拉特 / 印地 / 印尼 / 卡纳达 / 韩 / 马拉雅拉姆 / 马拉地 / 波斯 / 葡 / 西 / 泰米尔 / 泰卢固 / 泰 / 土耳其 / 乌尔都 / 越

mobile + desktop 都有。

9.3 用户点击行为

跳 Google Translate 后的 machine-translated 页(有选项看原文)。Google 不 host 翻译页 — 等同走 Google Translate 入口 / Chrome 内置翻译。JS / 图片仍 work。

9.4 Opt out

<meta name="robots" content="notranslate">
<meta name="googlebot" content="notranslate">

或 HTTP header X-Robots-Tag: notranslate。

9.5 监控

Search Console Performance report Search Appearance filter → 看 translated impressions/clicks。

Part 10 — Ad Network 适配 Translated Pages(技术)

10.1 问题

用户点 translated result → 页面被 Google Translate 重写 URL(-.translate.goog)→ ad network 拿到的 URL 不是 publisher 原 URL → 广告异常。

10.2 9 步解码算法

proxyUrl: https://1-en--us-example-com.translate.goog/page?_x_tr_enc=1

1. 取 ".translate.goog" 前的 domain prefix
2. _x_tr_enc 按 "," split → encoding_list
3. 若 _x_tr_hp 存在 → 前置到 domain prefix
4. encoding_list 含 "1" 且 prefix 以 "1-" 开头 → 去掉 "1-"
5. encoding_list 含 "0" 且 prefix 以 "0-" 开头 → 去掉 "0-",设 is_idn=true
6. /\b-\b/ 替换为 "."
7. "--" 替换为 "-"
8. is_idn=true → 加 "xn--" punycode 前缀
9. (可选)转 Unicode

10.3 完整 JS 实现

function decodeHostname(proxyUrl) {
  const parsedProxyUrl = new URL(proxyUrl);
  const fullHost = parsedProxyUrl.hostname;
  let domainPrefix = fullHost.substring(0, fullHost.indexOf('.'));

  const encodingList = parsedProxyUrl.searchParams.has('_x_tr_enc')
    ? parsedProxyUrl.searchParams.get('_x_tr_enc').split(',') : [];

  if (parsedProxyUrl.searchParams.has('_x_tr_hp')) {
    domainPrefix = parsedProxyUrl.searchParams.get('_x_tr_hp') + domainPrefix;
  }

  if (encodingList.includes('1') && domainPrefix.startsWith('1-')) {
    domainPrefix = domainPrefix.substring(2);
  }

  let isIdn = false;
  if (encodingList.includes('0') && domainPrefix.startsWith('0-')) {
    isIdn = true;
    domainPrefix = domainPrefix.substring(2);
  }

  let decodedSegment = domainPrefix.replaceAll(/\b-\b/g, '.').replaceAll('--', '-');

  if (isIdn) {
    decodedSegment = 'xn--' + decodedSegment;
  }
  return decodedSegment;
}

10.4 重建完整 URL

  1. 原 path / fragment / params 保留
  2. hostname 替换为 decoded
  3. 移除所有 _x_tr_* 参数

Part 11 — Preferred Sources(Top Stories 偏好)

11.1 是什么

用户在 Source Preferences tool 选某站为"偏好源" → 该站在 Top Stories 相关 news query 更突出显示。

11.2 适用

  • 全球可用
  • 所有 Google Search 语言
  • 仅 domain-level 和 subdomain-level 站合格 — subdirectory(example.com/blog)不行

11.3 怎么引流用户选你

A. Deeplink 推到社交 / 网站

格式:

https://google.com/preferences/source?q=Your_Website's_URL

例:https://google.com/preferences/source?q=example.com

B. 在站上加 Google 提供的 button

Button assets ZIP — 17 种语言版,含丹麦 / 英 / 法 / 德 / 希伯来 / 印地 / 日 / 韩 / 葡(巴西)/ 俄 / 西 / 瑞典 / 土耳其 / 乌克兰 等。

⚠️ 这是 优化引导,不是技术要求 — Google 自动判断你站是否在 Source Preferences 候选池。

Part 12 — 相关 wiki

Last updated

2026-05-17 — 基于 Google Search Central 11 篇 appearance 系列(2025-12 ~ 2026-04 最新)整理。AI Overviews / AI Mode 2026-04 文档 + Preferred Sources 2026-04 + Snippet 2026-04 全包括。

来源与关联资料