ShopNum1教您如何在地址栏前添加个性小图标


 

                                       

      你是不是记得有时在浏览百度网站的首页时,在地址前会显示一个熊掌的小图标。而默认情况下,这个

图标是一个IE浏览器的指定图片。

       其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。

        接下来ShopNum1就教大家如何添加网站地址栏前面的小图标,各位站长一定要看仔细咯。

      从严格意义上,favicon的话题无关SEO技术,也与Web服务器技术方面的讨论没有太大干系,不过,在我

们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站

的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻

的网站Logo,也包括favicon。

     步骤一:制作一个ico图标,那么如何制作呢?一般在本地将要做成图标的图片找到,然后在网上下载转换工具,将原来的其他格式的图片转化为ico图标,如图一所示:

   

                                                                          图(1)

 

 步骤二:制作好图标之后,将制作好的图标直接上传至网站根目录下,以这个网站为例:www.nrqiang.com

将这个图标文件上传至程序的根目录下。如图(2)所示:

                                                         图(2)

步骤三:在HTML源文件“<head></head>”间添加如下代码:
         

<Link Rel="SHORTCUT ICON" href="http://图片的地址(注意与刚才的目录对应)">

    其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只

需将图片上传到网站根目录下,即可自动识别!如图(3)所示:

 

                                                                  图(3)

如上图显示,在网站地址栏前面已经显示出刚刚上传的ICO图标,而且在这个网站的其他页面,也可以显示此图

标。如图(4)所示:

 

这样,我们要添加个性化站标的目的就实现了,在这里要注意,网站站标设计一定要精致,能够体现网站主题以及特色,让访问者能够对你的站标和你的网站有更加深刻的印象。