wordpress网站如何在浏览器中显示站点图标

wordpress网站如何在浏览器中显示站点图标

 

 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记录,然后再访问。

wordpress网站如何在浏览器中显示站点图标

关于胡金玉

http://www.hujinyu.com http://www.hujinyu.com
此条目发表在wordpress分类目录,贴了标签。将固定链接加入收藏夹。

发表回复