偏好设置

我们非常重视您的隐私,因此您可以选择禁用某些对网站基本功能并非必要的存储类型。屏蔽某些类别可能会影响您的网站使用体验。更多信息 (Cookie 政策)

接受所有 Cookie

免费 Favicon 提取工具:下载任意网站的图标

免费提取任意网站的 favicon。查看一个站点发布的每一种图标尺寸,确认 Google 在搜索结果中显示的是哪一个,并下载文件。

Sorank 创始人 Thibault Besson-Magdelain

关于作者

Thibault Besson-Magdelain

Sorank 创始人,拥有 5 年以上 SEO 经验,GEO 爱好者。

Learn everything to know on Favicon 提取工具 !

创建于
14/9/26
最后更新:
15/9/26

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 指向一个文件、清单指向另一个文件时,不同的展示位会显示不同的图标。

实际用途

  • 在改版之后审计您自己的站点,确认每一种尺寸都重新生成过,并且没有旧图标仍被引用。
  • 制作对比页面和目录,它们需要为每个条目配上干净的品牌图标。
  • 查看竞争对手的配置,看看他们发布了哪些尺寸和格式。
  • 排查链接预览问题,当聊天应用或信息流为您的页面显示了错误的图标时。

常见问题解答

一个网站应该发布哪些图标尺寸?

至少要有一个 48 像素的正方形图标用于搜索结果,一个 180 像素的 apple touch icon 用于 iOS 主屏幕,以及 web 清单里 192 和 512 像素的一对图标用于 Android。一个 SVG 图标可以覆盖现代浏览器,但请保留一个位图兜底,因为并非每个展示位都能渲染 SVG。

为什么 Google 在我的结果旁边显示空白图标?

三个常见原因是:图标小于 48 像素、文件在 robots.txt 中被禁止抓取,以及声明指向了一个返回错误的网址。请从您的页面中提取图标,检查每个文件的尺寸和状态,并确认爬虫能够访问它们。

我可以在自己的站点上使用提取到的 favicon 吗?

这个工具读取的是一个站点公开发布的内容,但图标是品牌资产,通常受保护。请把提取用于审计、对比或排查问题。把别家公司的图标当成自己的来使用,是商标问题,而不是技术问题。

其他免费 SEO 工具