seo优化

1、提高页面加载速度。 能用css解决的不用背景图片，背景图片也尽量压缩大小，可以几个icons放在一个图片上，采用css精灵(css sprite)，使用background-position找到需要的图片位置。减少HTTP请求数，提高网页加载速度。 

2、 结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上，每次看到有人直接在页面上编写CSS和JS我都很痛心疾首。通过外链的方式能大大加快网页加载速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影响阅读的情况下再去加载JS文件。 

3、 优化网站分级结构。在每个内页加面包屑导航是很有必要的，可以让蜘蛛进入页面之后不至于迷路，有条件的话，最好能单独加个Sitemap页面，将网站结构一目了然地展示在蜘蛛面前，更有利于蜘蛛抓取信息。 

4、 集中网站权重。由于蜘蛛分配到每个页面的权重是一定的，这些权重也将平均分配到每个a链接上，那么为了集中网站权重，可以使用”rel=nofollow”属性，它告诉蜘蛛无需抓取目标页,可以将权重分给其他的链接。 

5、 文本强调标签的使用。当着重强调某个关键词需要加粗表示，选用strong标签比使用b标签要更有强调作用。 

6、 a标签的title属性的使用。在不影响页面功能的情况下，可以尽量给a标签加上title属性，可以更有利于蜘蛛抓取信息。 

7、 图片alt属性的使用。这个属性可以在图片加载不出来的时候显示在页面上相关的文字信息，作用同上。 

8、 H标签的使用。主要是H1标签的使用需要特别注意，因为它自带权重，一个页面有且最多只能有一个H1标签，放在该页面最重要的标题上面，如首页的logo上可以加H1标签。 

9、图片大小声明。如果图片大小不做定义的话，页面需要重新渲染，就会影响到加载速度。 

10页面布局调整。页面内容尽量不要做成flash、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。 

10、网站结构呈扁平状树型，目录结构不宜过深。每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取。

1、优化html标签

不要什么都用div，尽量合理的使用ul、ol、table等

2、meta描述

可定义关键词、网站描述等

< meta name="keywords" content="关键词1，关键词2" />

< meta name="description" content="描述1，描述2" />

3、前景图片<img />添加alt属性、这个比较重要，有很多适用场景

     <img src="" alt="图片描述" />

     适用场景：（1）当图片未成功显示时候，仍可以显示文本，用户也可以大致了解图片主题

        （2）当图片成功显示的时候，鼠标以上图片，可显示图片描述

        （3）可解决网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况

4、前景图片<img /> 要定义大小、不然会造成页面重新渲染，影响加载速度

<img src="" width=" "  height="" />

5、可以适当的给链接标签a添加 rel="nofollow" 属性(例如：当我们项目的某一个导航不需要蜘蛛跟踪链接)

<a href="#"  ref="nofollow" >不需要跟踪的导航</a>

作用：（1）引导爬虫抓取一些有用的信息页面，提高爬虫的抓取效率

   （2）防止一些不可信内容，防止页面指向一下垃圾站点和页面

6、内链采用绝对路径，减少服务器的响应时间

例如：<a href="www.taobao.com">淘宝网首页</a>

7、导航栏的层级数不宜太深

还是以淘宝网为例：那么复杂的淘宝网首页的导航相当于也才3级

8、那就是SVG啦，因为svg图像的源文件是一个文本文件，有利于访问

9、还有小伙伴们，注意啦，页面跳转尽量使用<a href="#"></a>，不要使用<div onclick=""></div>