前端SEO优化总结、网站性能提升

下面就给大家整理整理本人在工作中以及一些大神的指导的一些SEO优化总结，不喜勿喷。欢迎各位大神的指导。

一、HTML代码书写

1. 合理的title、description和keywords。

虽然现在搜索对这三项的权重慢慢减小，但还是希望能够合理的写好他们，只写有用的东西，不要在这里写小说，要表达重点。

1) title：只强调重点即可，重要关键词出现不要超过2次，而且要靠前，每个页面title要有所不同

2) description：把网页内容高度概括到这里，长度要合理，不可过分堆砌关键词，每个页面description要有所不同。

3) keywords：列举出几个重要关键词即可，也不可过分堆砌。

2. 语义化书写HTML代码，符合W3C标准。下面是一些在线校验的网址。

   1) Html检验 http://validator.w3.org/

   2) Css检验http://jigsaw.w3.org/css-validator/

   3) 合理利用h1-h6，列表形式的代码使用ul或ol，重要的文字使用strong等等

3. 其他注意。

   1) 重要内容不要用JS输出。蜘蛛不会读取JS里的内容，所以重要内容必须放在HTML里。

   2) 尽少使用iframe框架。搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。

   3) 为图片加上alt属性。需要强调的地方可以加上title属性。

   4) 保留文字效果。

   5) 为图片设置高度和宽度，可提高页面的加载速度。

   6) 为静态资源文件增加过期时间，让用户通过本地缓存来更快的访问网站。

二、CSS书写

   1) CSS放在文件头部，JS放在文件尾部，可使用工具对CSS和JS文件进行压缩。

   2) CSS Sprites。

   3) 不使用CSS表达式，会影响效率。减少hack。

三、其他注意事项

   1) 减少大改版的频率。（影响蜘蛛信任度）

   2) 压缩、格式化代码。

   3) 精减代码，清除网页中一些冗余的代码，网上有这样的工具，可以辅助完成，如果需要的话，我们可以把代码中的注释去 掉，甚至空行之类的也去掉，尽量的减少代码量，从而减小页面体积。

   4) 使用CDN网络，可加快用户访问速度。

   5) 启用GZIP，YUI compressor压缩，浏览速度变快，搜索引擎的蜘蛛抓取信息量也会增大。

   6) 伪静态设置。如果是动态网页，可以开启伪静态功能，让蜘蛛“误以为”这是静态网页，因为静态网页比较合蜘蛛的胃口，如果url中带有关键词效果更好。

   7. 减少URL层次，对搜索引擎而言，单一的目录结构最为理想，即扁平结构。搜索引擎还是会去抓取二到三层子目录下的文件，但最好不要超过3层，如果超过4层，搜索引擎就很难去搜索它了。内页权重低也会拉低网站整体质量。