css08

页面优化

网站结构布局优化
首先网站结构尽量简单、开门见山，提倡扁平化结构。

导航优化
导航应尽量采用文字方式，也可以搭配图片导航，但是图片代码一定要进行优化，img标签必须添加“alt”“title”属性，告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字。
其次，在每一个网页应该加上面包屑导航。从用户体验方面来说，可以让用户了解当前所处的位置以及当前页面在整个网站中的位置，帮助用户很快了解网站组织形式，从而形成更好的位置感，同时提供了返回各个页面的接口，方便用户操作；对爬虫而言，能够清楚了解网站结构，同时还增加了大量的内部链接，方便抓取，降低跳出率。

网页的结构布局-不可忽略的细节
·页面头部：logo及主导航，以及用户信息
·页面主体： 左边正文，包括面包屑导航及正文；右边放热门文章及相关文章，好处：留住访客，让访客多停留
·页面底部：版权信息和友情链接

网页优化
·title标题： 只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的标题中不要设置相同的内容
·meta keyword标签 关键字，列举几个页面的重要关键字即可
·meta description标签 网页描述，需要高度概括网页内容，切记不能太长。

图片优化

使用背景图
对于页面中与页面内容无关，起修饰作用的图片使用背景图background-image，与页面内容相关展示性的图片使用img标签

使用精灵图
运用css sprites技术集中小的背景图或图标，减少页面http请求