js抓取网页内容(2021-06-13搜索引擎渲染和客户端渲染采用什么技术有利于)

　　js抓取网页内容(2021-06-13搜索引擎渲染和客户端渲染采用什么技术有利于)

　　2021-06-13

　　1搜索前端技术需求

　　1.1需求说明

　　使用vue.js开发搜索界面对SEO不友好，需要解决SEO问题。

　　1.2了解 SEO

　　总结：seo就是对网站的结构和内容进行调整和优化，让搜索引擎（百度、google等）有利于抓取更好的网站内容。

　　下图是搜索引擎抓取网站页面的大概流程图：

　　（一个搜索引擎的工作流程很复杂，下图只是一个简单的总结）

　　从上图可以看出，SEO是网站为了方便蜘蛛抓取网页而对网页内容进行的优化。常见的SEO方法有：

　　1）为了标准化url链接，使用restful风格的url和静态资源url；

　　2)注意标题和关键词的设置。

　　3）由于蜘蛛对JavaScript的支持不好，所以网页跳转使用href标签。

　　. . .

　　1.3 服务器端渲染和客户端渲染

　　哪些技术用于使 SEO 受益？回答这个问题需要了解服务器端渲染和客户端渲染。

　　什么是服务器端渲染？

　　我们以传统的servlet开发为例：浏览器请求servlet，servlet在服务器端生成html响应给浏览器，浏览器显示html内容。这个过程是服务端渲染，如下图：

　　1）在服务器端生成html网页的dom元素。

　　2）客户端（浏览器）只负责显示dom元素的内容。

　　随着web2.0的出现，AJAX技术应运而生，出现了客户端渲染：客户端（浏览器）使用AJAX向服务器发起http请求，获取想要的数据，客户端持有数据开始渲染html网页，生成Dom元素，最后将网页内容展示给用户，如下图：

　　客户端渲染的特点：

　　1）在服务器端，数据只响应客户端，不响应html页面

　　2）客户端（浏览器）负责从服务器获取数据并生成Dom元素。

　　这两种方法的优缺点是什么？

　　客户端渲染：

　　1)缺点

　　不利于网站进行SEO，因为网站大量使用javascript技术，不利于蜘蛛抓取网页。

　　2)优势

　　客户端负责渲染，用户体验好。服务器只提供数据，不关心用户界面的内容，有利于提高服务器的开发效率。

　　3）适用场景

　　不需要SEO的系统，比如后台管理系统，比如电商后台管理、用户管理等。

　　服务器端渲染：

　　1)优势

　　有利于SEO，网站通过href url将spider定向到服务器，服务器为spider提供优质的网页内容。

　　2)缺点

　　服务器完成客户端的一部分工作。通常，要完成一个需求，需要修改客户端和服务端的代码。开发效率低，不利于系统的稳定性。

　　3）适用场景

　　需要SEO的系统，如门户首页、产品详情页等。

　　分类：

　　技术要点：

　　相关文章：