2026-10-27

Google 不显示你的 Favicon?8 个原因及对应修复方法

为什么 Google 仍显示灰色地球或旧图标,以及如何修复:首页标签、尺寸与格式规则、抓取被拦截,以及更新需要多长时间。

Google 不显示你的 Favicon?8 个原因及对应修复方法

最后更新:2026 年 10 月 27 日。以下要求取自 Google Search Central 的 favicon 文档(最后更新于 2026 年 8 月 28 日)。各项检查是用 curl 对 imagic-ai.com 运行的。

你的新图标已经在浏览器标签页里显示了,但 Google 仍然显示一个灰色地球、建站工具的默认 logo,或者你几个月前就换掉的旧图标。这种落差很正常。浏览器读取的是你当前打开的那个页面的图标,而 Google 只从一个地方读取——你的首页,并且只有重新抓取该页面时才会刷新它。

大多数情况都可以归结为八个原因之一。每一条花一分钟就能查完,修复方法也很简单。慢的部分是等 Google 接收到这个变更。

快速回答:为什么我的 favicon 没有显示在 Google 中?

按顺序检查以下各项。前三条覆盖了大多数情况:

  1. 标签不在首页上。 Google 只从你的首页读取 <link rel="icon">。
  2. 文件不是正方形,或者太小。 Google 需要 1:1 的图片,最小 8x8 px,建议大于 48x48 px。
  3. Google 还没有重新抓取。 Google 表示重新抓取需要“几天到几周”的时间。

如果这三条都没问题,再检查其余几条:

  1. 格式不在 Google 支持的列表里。 支持的格式有 BMP、GIF、ICO、PNG、JPEG、PPM 和 TIFF。SVG 不在列表中。
  2. 抓取被阻止了。 Googlebot 必须能访问首页,Googlebot-Image 必须能访问图标文件。
  3. 图标 URL 一直在变。 Google 要求使用稳定的 URL。
  4. 你的首页位于子目录中。 example.com/shop 不能作为 favicon 的首页。
  5. Google 认定图片不合适。 此时它会改为显示默认图标。

用下面的表格快速找到对应的解决办法:

症状 最可能的原因 解决办法
灰色地球,搜索结果里从来没显示过图标 首页缺少标签,或文件被阻止访问 把标签加到首页,检查 robots.txt
更换后仍显示旧图标 Google 还没有重新抓取 对首页请求编入索引,然后等待
图标在 Chrome 中显示但 Google 中不显示 只有 SVG,或标签只在内页上 在首页添加 ICO 或 PNG 版本
有些子域显示,有些不显示 每个主机名一个 favicon 给每个子域的首页都加上标签
显示平台 logo(建站工具默认图标) 建站工具的网站图标设置为空 在网站设置中上传一个正方形图标

Google 是如何选择它显示的 favicon 的?

把首页当作你唯一的目标。Google 的文档描述了一个三步流程:制作一个符合指南的 favicon,在首页的 header 中添加 <link> 标签,然后等待 Google 重新抓取。

一个最简标签是这样的:

<link rel="icon" href="/favicon.ico" sizes="any">

Google 接受四种 rel 值:icon、shortcut icon(保留它是“出于历史原因”)、apple-touch-icon 和 apple-touch-icon-precomposed。href 可以是相对路径也可以是绝对路径,而且 Google 说文件“不需要托管在你的网站上”,所以放在 CDN 上的图标也没问题。

有三条作用域规则容易让人踩坑:

  • 每个主机名一个 favicon。 www.example.com 和 shop.example.com 可以各用各的。
  • 子目录共用主机的图标。 example.com/blog 在搜索结果中不能使用不同的 favicon。
  • 不支持子目录形式的首页。 如果你网站的主页是 example.com/store,Google 不会从那里获取 favicon。

你的 favicon 尺寸和形状对吗?

选正方形。Google 要求 1:1 的宽高比,最小 8x8 px,建议大于 48x48 px。Google 没有公布最大值,但超过 512 px 只会让文件白白变大。

同一款精细 logo 和简洁 logo 分别缩放到 16、32、48 和 64 像素的效果,文字逐渐变得无法辨认

尺寸只是一半。搜索结果里的图标非常小,细节会消失。在上图中,一个带三行文字的徽章式 logo 在低于 48 px 时就变成了噪点,而单个粗体字母在 16 px 时依然清晰可辨。如果你的完整 logo 很繁杂,就用其中最简洁的部分:一个字母、一个符号,或者 logo 的主体形状。

横向的字标(wordmark)是另一个坑。你不能简单地把它拉伸成正方形,而居中裁剪又会把字母切掉:

宽字标居中裁剪成方形后会丢掉字母,而重新绘制的方形标志仍然清晰可读

从一个正方形的源图开始,剩下的就简单了。需要的话用图片裁剪工具裁剪,然后交给 favicon 转换器处理。那个工具会居中裁剪成正方形,并在你的浏览器里把 16、32、48、64、128 和 256 px 的版本打包进一个 favicon.ico。

Google 接受哪些文件格式?

Google 读取的文件用 ICO 或 PNG。支持的格式列表为 BMP、GIF、ICO、PNG、JPEG、PPM 和 TIFF。

SVG 不在这个列表里。现代浏览器能正常显示 SVG favicon,这就是为什么一个只用 SVG 的网站可以在每个标签页里显示图标,在 Google 里却还是一个灰色地球。喜欢 SVG 的话可以保留,同时在旁边加一个位图版本:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

如果你只有 SVG,先用 SVG 转 PNG 转换器转换,再用得到的 PNG 制作 ICO。

格式 在浏览器标签页中显示 Google 搜索是否接受 备注
ICO 是 是 一个文件可以包含多种尺寸
PNG 是 是 简单,支持广泛
SVG 是(现代浏览器) 未列入 在旁边加一个 ICO 或 PNG
JPEG 是 是 无透明度;四角保持填充
GIF、BMP、TIFF、PPM 视情况而定 是 很少值得使用

Google 真的能抓取到你的 favicon 吗?

接下来检查抓取。Google 明确表示:“Googlebot-Image 必须能够抓取 favicon 文件,Googlebot 必须能够抓取首页。”覆盖图标目录的 Disallow 规则、登录墙,或者屏蔽爬虫的防火墙规则,都会让图标无法显示。

在终端里运行这些检查:

  • 抓取首页 HTML 并确认标签存在:curl -s https://example.com/ | grep -i 'rel="icon'。
  • 抓取图标文件 并确认返回 200 和图片类的 Content-Type:curl -sI https://example.com/favicon.ico。
  • 查看 robots.txt,确保没有任何规则覆盖图标路径或首页。
  • 对首页使用 Search Console 的“网址检查”(URL Inspection),运行实时测试,看看 Googlebot 实际收到的是什么。

我在 imagic-ai.com 上运行了前三项检查:首页声明了一个 ICO、一个 SVG 和一个 apple-touch-icon;用 Googlebot-Image 的用户代理请求 /favicon.ico 时返回 200,Content-Type 为 image/x-icon(5,430 字节);robots.txt 只禁止了 /api/ 和 /health。这样的组合正是你要达到的目标:一个 Google 接受、且两个爬虫都能访问到的位图图标。

对 imagic-ai.com 运行三项 curl 检查的真实输出:首页的 favicon 标签、favicon.ico 返回 200,以及 robots.txt

为什么 Google 还在显示你的旧 favicon?

先接受等待这件事。Google 表示抓取“可能需要几天到几周不等”,具体取决于它的系统判定你的内容多久需要刷新一次。你这边做任何事都无法强制立即更新。

不过你可以推它一把:

  • 在 Search Console 里用“网址检查”(URL Inspection)工具请求将首页编入索引。 这是 Google 在自己的 favicon 指南里明确指出的步骤。
  • 保持图标 URL 稳定。 Google 要求不要频繁更改 favicon 的 URL。在同一个 URL 上替换文件没问题;每次部署都改文件名就不行。
  • 不要叠加重定向。 如果 /favicon.ico 重定向到新位置,确保最终 URL 返回 200 和一张图片。

你自己的浏览器是另一个独立的缓存。如果标签页仍显示旧图标,用无痕窗口打开网站试试。不过这并不能说明 Google 那边的情况:搜索结果的更新跟随的是 Google 的时间表,而不是你浏览器的。

如果建站工具控制着 favicon 怎么办?

要检查的是生成出来的首页,而不是设置界面。建站工具和主题通常有 "site icon" 或 "favicon"(网站图标)字段,它们会替你写好 <link> 标签。当这个字段为空时,有些平台会显示自己的默认图标,这就是为什么有些网站在搜索结果中显示的是平台自己的 logo。

在该设置里上传一张至少 48x48 px 的正方形 PNG,发布,然后查看首页源代码,确认有一个指向你文件的 rel="icon" 标签。如果建站工具只接受一个尺寸,就给它 512x512 px,让它自行缩小。

Google 拒绝显示什么?

Google 不会显示它“认为不合适(包括色情或仇恨符号)”的 favicon,而是会换成默认图标。Google 还要求图标“在视觉上代表你网站的品牌”。即使满足了每一条指南,Google 也注明 favicon“不保证一定会显示”。如果你已经检查了上面所有项目并等待了几周,Google 在其 favicon 文档中提供了一个反馈表单。

核心要点

在首页上放一个正方形的 ICO 或 PNG 并配上 rel="icon" 标签,确保 Googlebot 和 Googlebot-Image 都能访问它们,保持 URL 稳定,请求编入索引,然后给它几周时间。完整规则见 Google 的 Search favicon 指南,重新抓取的具体步骤见请求 Google 重新抓取你的网址。

至于文件本身的制作,favicon 转换器可以在你的浏览器里生成多尺寸 ICO,favicon 设计指南则更深入地讲解尺寸、深色模式和 HTML 标签。

常见问题

新 favicon 需要多久才会显示在 Google 中?

Google 表示抓取可能需要几天到几周。在 Search Console 中对首页请求编入索引可以加快进度,但不存在即时更新。

为什么我的 favicon 在 Chrome 中显示,在 Google 中却不显示?

Chrome 从任意页面读取图标,并且支持 SVG。Google 只从首页读取,而且没有把 SVG 列为支持的格式。在首页上添加 ICO 或 PNG 标签即可。

面向 Google 的 favicon 应该是什么尺寸?

正方形,至少 8x8 px,Google 建议大于 48x48 px。一个包含 16 到 256 px 各版本的多尺寸 ICO 能同时兼顾浏览器和搜索。

可以在 Google 搜索中使用 SVG favicon 吗?

SVG 不在 Google 支持的列表中。想为浏览器保留 SVG 没问题,但也要在首页上添加一个 ICO 或 PNG 版本。

每个子域都需要自己的 favicon 吗?

是的。Google 允许每个主机名一个 favicon,所以 blog.example.com 使用它自己首页上的标签。example.com/blog 这类子目录则共用主站的图标。

为什么 Google 为我的网站显示默认的地球图标?

要么 Google 在你的首页上没有找到可用的 favicon,要么无法抓取它,要么因为它不符合指南而替换成了默认图标。把上面的清单过一遍,然后请求编入索引。

图片来源

封面照片:Firmbee.com(木桌上的笔记本电脑),来自 Pexels,使用 Pexels 许可。两张 logo 示意图为本文绘制,缩放方式与 favicon 转换器一致:先居中裁成正方形,再调整尺寸。终端截图为 2026 年 10 月 28 日在 imagic-ai.com 上运行 curl 的真实输出。

阅读指南的同时,欢迎使用这些免费工具。