网站favicon图标:favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上
1.制作favicon图标
(1)把图片切成png图片
(2)把png图片转换为ico图标,借助第三方转换网站,如比特虫:http://www.bitbug.nrt/
2.favicon图标放在网站根目录下
3.HTML页面引入favicon图标<link rel="shortcut icon" href="favicon.ico" />
常用模块类名命名:
快捷导航栏:shortcut
头部:header
标志:logo
购物车:shopcar
搜索:search
热点词:hotwords
导航:nav
导航左侧:dropdown包含.dd .dt
导航右侧:navitems
页面底部:footer
页面底部服务模块:mod_service
页面底部帮助模块:mod_help
页面底部版权模块:mod_copyright
logo SEO 优化
1.logo里面首先放一个h1标签,目的是为了提权,告诉搜索引擎,这个地方很重要。
2.h1里面在放一个链接,可以返回首页的,把logo的背景图片给链接即可。
3.为了搜索引擎收录我们,链接里面要放文字(网站名称),但是文字不要显示出来
方法1:text-indent移到盒子外面(text-indent: -9999px),然后(overflow: hidden),淘宝的做法
方法2:直接给font-size: 0,就看不到文字了,京东的做法。
4.最后给链接一个title属性,这样鼠标放到logo上就可以看到提示文字了。