favicon 是您站点上最小的资源,也是最显眼的资源之一。Google 会把它显示在每一条手机端结果旁边,浏览器会把它显示在标签页和书签里,链接预览会把它拉进信息流和聊天应用中。当它缺失,或者以错误的尺寸提供时,您的结果在竞争对手旁边会显得没做完。
Sorank Favicon 提取工具会抓取任意页面,并列出它声明的每一个图标,附上尺寸、格式和确切网址。
提取工具能找到什么
站点会在好几个地方声明图标,而且它们之间很少一致。这个工具会把它们全部读一遍:
- head 里的 link 标签:经典的
rel="icon"和rel="shortcut icon"声明,以及页面列出的各种尺寸和格式。 - apple touch icon:
rel="apple-touch-icon",当有人把您的站点添加到 iOS 主屏幕时会用到。 - web 应用清单里的图标:
manifest.json里的 icon 数组,Android 和可安装的 web 应用会使用它。 - 根目录的兜底文件:
/favicon.ico,无论您是否声明,浏览器都会请求它。
这件事为什么对搜索很重要
Google 会在手机端搜索结果中显示 favicon,并且已经公布了相关要求:文件必须是边长为 48 像素倍数的正方形,必须可被抓取,而且必须是品牌的视觉呈现,而不是一个通用图形。缺失或被封锁的 favicon 会在结果中留下一块空白占位,而这恰恰是搜索者正在决定点击哪里的时刻。
有三项检查值得在您自己的域名上做一遍:
- 是否真的提供了 48 像素或以上的图标?一个 16 像素的图标被放大后,在结果里会显得模糊。
- 文件能被爬虫访问吗?被 robots.txt 里某条规则挡住的图标无法被抓取,因此不会显示出来。
- 各处的声明一致吗?当 head 指向一个文件、清单指向另一个文件时,不同的展示位会显示不同的图标。
实际用途
- 在改版之后审计您自己的站点,确认每一种尺寸都重新生成过,并且没有旧图标仍被引用。
- 制作对比页面和目录,它们需要为每个条目配上干净的品牌图标。
- 查看竞争对手的配置,看看他们发布了哪些尺寸和格式。
- 排查链接预览问题,当聊天应用或信息流为您的页面显示了错误的图标时。

























