最新消息:

解决 favicon 图标无法被 google 缓存

个人宝藏 澄色香味 55浏览 0评论

 

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

那为什么有些站长在添加 favicon.ico 图标后,为什么还是无法正常显示呢?你可以试试自己的网站能否正常显示且被 google 缓存接受,只要在 http://www.google.com/s2/favicons?domain= 后加入自己的域名就行,比如我的 favicon 图标在 google 中的缓存就是 http://www.google.com/s2/favicons?domain=www.skyts.net,(=后不需要加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>之间添加如下代码:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

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

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

转载请注明:SkyTs » 解决 favicon 图标无法被 google 缓存

发表我的评论
取消评论

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址