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

╰半橙微兮° 2022-05-08 07:36 298阅读 0赞

>  *  **seo优化**

>  
> 
> 例如百度搜索引擎后台会派出[百度蜘蛛][Link 1]，全天候在海量数据里识别并抓取内容；再对内容进行筛选过滤，去掉低质量的内容；将筛选后合格的内容，存储到一个临时的索引库中，进行分类存储。
> 
> 互联网这么多资料，百度蜘蛛怎么会注意到你的网站呢?这时候就需要我们去吸引它——高质量的外链或友链，百度可以通过这些链接来到你的网站上来！
> 
> 不过注意！百度蜘蛛也有不喜欢的东西——比如：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][https_github.com_joshbuchea_HEAD_table-of-contents]

[Link 1]: http://www.xusseo.com/seoczlc/229.html
[https_github.com_joshbuchea_HEAD_table-of-contents]: https://github.com/joshbuchea/HEAD#table-of-contents