wordpress网站盼了三天,终于显示了favicon 图标。什么是favicon 图标呢?就比如我们经常访问的一些网站,进入某些网站的时候,在你的浏览器地址左侧会出现一个小图标,你打开百度,就会看见一个蓝色小爪的站点图标,非常的个性化。同时这个站点图标,还可用于我们的收藏夹图标。那么我们的wordpress网站如何在浏览器中显示站点图标呢?
操作起来很简单:
1.准备一张16*16的logo图片。jpg格式的图片不要直接改后缀名,这样会没有效果。去网上百度下ico格式在线制作,将图片名称改为favicon.ico,上传至网站根目录。
2.进入wordpress后台编辑顶部页面(header.php)在<head></head>中添加如下代码:
<link rel=”shortcut icon” href=”http://www.hujinyu.com/favicon.ico” />
hujinyu部分换成自己的网址即可。
系统需要缓存时间才可以显示出来,等几个小时后在查看网站是否已经显示了favicon 图标。
为什么有些人添加了favicon 图标后,还是无法正常显示呢?你可以试试自己的网站能否正常显示且被 google 缓存接受,只要在http://www.google.com/s2/favicons?domain= 后加入自己的域名就行。比如我的 favicon 图标在 google 中的缓存就是http://www.google.com/s2/favicons?domain=www.guangzhou-seo.com (=后不需要加http://)。
有一些小经验要分享给大家:
首先favicon 图标必须放在根目录下,有些网站把favicon 图标放在了wordpress的主题文件下,但是实践证明,在网站根目录的 favicon.ico 更有利于正常显示,也方便 google 缓存 favicon。
favicon.ico 最好不要超过2kb。越小越好,这样有利于google 缓存图标。大的的图标不利于优化。
16px*16px的最好了,小而精。
博客网站为什么说等了三天才显示出来呢?最后一点最重要,还是无法显示图标的童鞋建议清除下IE记录,然后再访问。