解决 favicon 图标无法被 google 缓存

万戈 2010.01.26 发布于：电脑网络 3,758 次践踏

先简单的扫一下盲，什么是 favicon 图标，favicon 就是出现在浏览器地址栏左侧的那个小图标。所谓 favicon，即 Favorites Icon 的缩写，中文名称是网站头像，顾名思义，便使其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。（以上摘自百度百科）

那为什么有些站长在添加 favicon.ico 图标后，为什么还是无法正常显示呢？你可以试试自己的网站能否正常显示且被 google 缓存接受，只要在 http://www.google.com/s2/favicons?domain= 后加入自己的域名就行，比如我的 favicon 图标在 google 中的缓存就是 http://www.google.com/s2/favicons?domain=wange.im，（=后不需要加http://）我总结了一些小经验，欢迎指正。

1、favicon.ico 最好是添加在网站根目录下。

没有什么明文规定 favicon.ico 图标必须放在哪一个目录下，但是实践证明，在网站根目录的 favicon.ico 更有利于正常显示，也方便 google 缓存 favicon。

比如，芒果的网站，在浏览器中可以正常显示 favicon 图标，但是没有被 google 缓存，其原因就是 favicon.ico 没有被放在网站根目录下，而是在主题文件夹的/image/下，看其源码就知道了，google 拐不过这个弯来，所以还是放在根目录比较好。

2、favicon.ico 最好不要超过2kb。

谁也没有规定过 favicon.ico 多大才好，但是仅在半厘米之大的小方块里显示图标，我们实在没有必要将其像素做的太高，那样的话会不利于 google 缓存图标。

比如，盛者无罪的网站，在浏览器中确实可以正常显示，也是放在了网站的根目录下，但是却没有被 google 缓存，显示出了默认的小地球图标，因为该网站的 favicon.ico 有 70K 之巨，建议优化之。

3、favicon.ico 最好是16px*16px。

理论上来说 favicon.ico 可以是16px*16px，或者是32px*32px的，但是即使你把 favicon.ico 做成128px*128px，也是可以在浏览器中显示的，比如商业哲学评论的网站，但是像素太高也就不可避免地违背了上一条建议。再看超人流水账的网站，虽然他的 favicon 图标仅是32px*32px的，却还是没有被 google 成功缓存，所以还是建议 favicon 做成16px*16px就够了，小而精。

4、在网页头部<head></head>之间添加如下代码：

和前三条一样，这也不是硬性规定，有童鞋就不加。

比如，牧狼羊的网站，同样，在浏览器中其 favicon.ico 是可以显示的，只是 google 无法缓存他的图标，究其原因，估计就是少加了这句代码，建议狼兄还是加上吧。

以上仅是些由个人经验所总结的，没有广泛验证过，欢迎拍砖。

与

解决 favicon 图标无法被 google 缓存

Favicon,google,浏览器,缓存