对于web前端 seo优化以及性能优化的一点认识

• seo优化

 

例如百度搜索引擎后台会派出百度蜘蛛，全天候在海量数据里识别并抓取内容；再对内容进行筛选过滤，去掉低质量的内容；将筛选后合格的内容，存储到一个临时的索引库中，进行分类存储。

互联网这么多资料，百度蜘蛛怎么会注意到你的网站呢?这时候就需要我们去吸引它——高质量的外链或友链，百度可以通过这些链接来到你的网站上来！

不过注意！百度蜘蛛也有不喜欢的东西——比如：js、没有添加ALT属性的图片、iframe框架、网页中需要登录的信息以及flash。这些都是百度是很不喜欢这些的，必须注意！

百度蜘蛛的抓取方式分为：深度抓取以及广度抓取。

深度抓取：百度蜘蛛会跟着一个网页中的链接一条一条追下去，有点顺藤摸瓜的意思。

广度抓取：百度蜘蛛会把一个页面的全部链接全部抓取。

一旦用户在前台触发检索后，搜索引擎再根据用户的关键词在检索库中挑选内容，推测用户搜索需求，将与搜索结果相关的、能满足用户搜索目标的内容，依次排序展示到用户面前。

1、外链式  提高加载

2、站点 权重 排名

3、减少结构层次，提高搜素引擎抓取

4、提倡前后端办分离，注重首屏和搜索优化，可以使用node做中间层 或者服务端做渲染（基于spring4.0的tymeleaf）

5、使用语义化标签，提高页面页面环境语义化

6、关键字

7、图片资源 精灵图 图片添加alt属性

截至目前，Google 和 Bing 可以很好对同步 JavaScript 应用程序进行索引。在这里，同步是关键。如果你的应用程序初始展示 loading 菊花图，然后通过 Ajax 获取内容，抓取工具并不会等待异步完成后再行抓取页面内容。也就是说，如果 SEO 对你的站点至关重要，而你的页面又是异步获取内容，则你可能需要服务器端渲染(SSR)解决此问题。

•  性能优化

•  heade标签内部配置：

参考传送门：https://github.com/joshbuchea/HEAD#table-of-contents