前端html+css+js SEO优化

HTML

1.title标题,构成页面的核心组成部分

2.meta keywords关键词

3.meta description是用于描述网站，是用于描述网站，一般在150字之内，一般在150字之内

4.可以用标签语义化，如导航nav，不过兼容性太不好
　　
5.a标签，要添加title，如果连接不是本跳网站的，要添加no=“nofollow”。
　　
6.h1权重较高，用于文章的标题或者页面的重点内容
　　
7.br标签：只用于文本内容的换行
　　
8.尽量少使用iframe框架
　　
9.img标签应使用 “alt” 属性加以说明
　　
10.strong能凸显关键字，em要弱于strong，b、i标签只是用于显示效果时使用在SEO中不会起任何效果。

11.文本缩进不要使用特殊符号  应当使用CSS进行设置text-index
　
12.页面上的内容尽量不要做成图片，flash或者视频，因为搜索引擎抓取不了

13.网页尽量扁平化，标签尽量不要嵌套太深

14.避免出现404

15.布局合理，标签闭合，整体页面大小不要过大

CSS

1. CSS放head里面

2. 避免用函内样式

3. 小图标尽量用精灵图或者使用字体图标，减少http请求

4. 避免 CSS 表达式

5. 避免通配符选择器，因为性能开销大

6. 引入CSS的避免使用@import，尽量使用link

7. 清理无用样式，减少文件体积

JavaScrip

1. javascript应放body结束标签之前

2. 数据由js加载的，百度爬虫无法爬取，关键数据由后台渲染

3. 压缩js,减少文件体积

4. 对图片进行懒加载或预加载

5. 减少DOM查询，对DOM查询做缓存

6. 清除注释，优化代码