CN112667945A - 一种基于前后端分离技术开发网站的seo优化方法 - Google Patents
一种基于前后端分离技术开发网站的seo优化方法 Download PDFInfo
- Publication number
- CN112667945A CN112667945A CN202011565605.7A CN202011565605A CN112667945A CN 112667945 A CN112667945 A CN 112667945A CN 202011565605 A CN202011565605 A CN 202011565605A CN 112667945 A CN112667945 A CN 112667945A
- Authority
- CN
- China
- Prior art keywords
- page
- request
- search engine
- service
- crawler
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 27
- 238000005457 optimization Methods 0.000 title claims abstract description 20
- 238000000926 separation method Methods 0.000 title claims abstract description 16
- 230000003068 static effect Effects 0.000 abstract description 8
- 230000009193 crawling Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 6
- 238000009877 rendering Methods 0.000 description 5
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000009545 invasion Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种基于前后端分离技术开发网站的SEO优化方法，属于SEO优化技术领域，通过nginx配置进行页面请求来源的判断，通过http_user_agent分析是正常页面访问还是爬虫搜索引擎请求；如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；如果是爬虫搜索引擎请求，则将请求转发到Prerender服务；Prerender服务通过无头浏览器访问配置的预渲染的路由，然后将Prerender服务渲染的页面输出到HTML文件中爬虫搜索引擎获取到页面后，完成页面解析。不需要专门部署代理服务器用于生成静态文件或者缓存静态资源，减少了开发工作；而且是实时动态的、只配合搜索引擎渲染页面数据，减少搜索引擎的爬取耗费时间，降低服务器负载。
Description
技术领域
本发明涉及一种基于前后端分离技术开发网站的SEO优化方法，属于SEO优化技术领域。
背景技术
随着终端类型的不断增加，对开发人员的要求越来越高，前后端单一部署的形式已经不能满足不同终端的高要求。以前往往需要针对不同终端开发不同版本的软件。为了进一步提升开发效率，适应不同终端类型，前后端分离技术越来越受到重视。后端服务负责提供业务数据接口，前端服务负责交互展示。同一个接口可以为不同版本的前端服务。目前大部分前后端分离所用的接口调用方式是采用ajax的形式。但是SEO搜索引擎不能够抓取到后端服务返回的数据，只能够抓取到前端页面源代码，这种形式不利于SEO对页面的抓取。传统的形式是通过页面渲染技术，将所有的页面全部渲染成静态页面，以便于SEO对页面的抓取。但是这种方法会增加服务器的负载，随着业务流量的增加，后期将需要增加服务器以解决负载问题。
因此，我们采用新的技术手段来解决前后端分离技术开发网站的SEO优化问题。
发明内容
针对现有技术的不足，本发明提供一种新型的页面预加载方法，在前后端分离架构下，既可以使用新型的前端技术，来提升开发效率，将前端页面单独部署，在不生成静态页面的情况下，减轻服务器负载压力，又可以在不修改项目源码、代码零侵入的情况下完成搜索引擎对页面数据的抓取，方便SEO优化。本发明使用nginx来判断请求来源，Prerender.io做网站预渲染。
本发明的技术方案如下：
一种基于前后端分离技术开发网站的SEO优化方法，包括步骤如下：通过nginx配置进行页面请求来源的判断，通过http_user_agent分析是正常页面访问还是爬虫搜索引擎请求；
如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；
如果是爬虫搜索引擎请求，则将请求转发到Prerender服务；Prerender服务通过无头浏览器访问配置的预渲染的路由，然后将Prerender服务渲染的页面输出到HTML文件中爬虫搜索引擎获取到页面后，完成页面解析。
优选的，优化方法包括步骤如下：
步骤101：客户端或者搜索引擎发起页面请求；
步骤102：nginx接收到请求，判断是否是搜索引擎爬虫系统发起的请求；
步骤103：如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；如果是搜索引擎发起的请求，通过prerender服务从后台接口或者缓存拿到数据；
步骤104：prerender生成prerendered Html，创建预渲染页面；
步骤105：预渲染页面生成后，由nginx反馈响应给到搜索引擎爬虫，从而实现前后端分离系统的SEO抓取优化。
本发明的有益效果在于：
采用上述方案，本发明不仅解决了前后端分离模式下SEO优化的问题，还能够不侵入代码，不用生成静态文件。对开发人员来说，这种方式不仅使得职责更加明确，而且提高开发效率。
本申请不需要专门部署代理服务器用于生成静态文件或者缓存静态资源，整个过程无需生成静态文件，减少了开发工作；不需要使用模板引擎，节省了开发时间；而且是实时动态的、只配合搜索引擎渲染页面数据，减少搜索引擎的爬取耗费时间，降低服务器负载。
附图说明
图1为本发明实施例提供的一种页面渲染方法的流程示意图；
图2为本发明实施例提供的一种nginx配置示意图；
图3-1为本发明实施例提供的一种使用本发明前SEO获取页面数据示意图；
图3-2为本发明实施例提供的一种使用本发明后SEO获取页面数据示意图。
具体实施方式
下面通过实施例并结合附图对本发明做进一步说明，但不限于此。
实施例1：
一种基于前后端分离技术开发网站的SEO优化方法，步骤如图1，图1是本发明实例提供的一种页面渲染方法的流程示意图，该方法包括以下步骤：
步骤101：客户端或者搜索引擎发起请求；
步骤102：nginx接收到请求，判断是否是搜索引擎爬虫系统发起的请求；
步骤103：如果是搜索引擎发起的请求，通过prerender从后台接口或者缓存拿到数据；
步骤104：prerender生成prerendered Html，创建预渲染页面；
步骤105：预渲染页面生成后，由nginx反馈响应给到搜索引擎爬虫，从而实现前后端分离系统的SEO抓取优化。
图2是本发明实施例1提供的一种nginx配置示意图。该配置主要用途是根据外部网络请求的http_user_agent判断该请求是否是来自于网络爬虫，如果是网络爬虫，则使用Prerender服务通过无头浏览器来请求接口得到数据，对页面进行预渲染。
图3-1、图3-2是本发明实施例1提供的一种使用本发明前后SEO获取页面数据对比示意图。该图表示，在使用本发明之前，使用搜索引擎抓取页面信息，只能得到页面的源代码，获取不到后端服务接口返回的数据，不能实现SEO优化；当使用本发明之后，搜索引擎抓取页面信息时，则能够获取到后端服务接口返回的数据，实现页面预渲染，进一步实现了页面的SEO优化。
Claims (2)
1.一种基于前后端分离技术开发网站的SEO优化方法，其特征在于，包括步骤如下：通过nginx配置进行页面请求来源的判断，通过http_user_agent分析是正常页面访问还是爬虫搜索引擎请求；
如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；
如果是爬虫搜索引擎请求，则将请求转发到Prerender服务；Prerender服务通过无头浏览器访问配置的预渲染的路由，然后将Prerender服务渲染的页面输出到HTML文件中爬虫搜索引擎获取到页面后，完成页面解析。
2.根据权利要求1所述的基于前后端分离技术开发网站的SEO优化方法，其特征在于，优化方法包括步骤如下：
步骤101：客户端或者搜索引擎发起页面请求；
步骤102：nginx接收到请求，判断是否是搜索引擎爬虫系统发起的请求；
步骤103：如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；如果是搜索引擎发起的请求，通过prerender服务从后台接口或者缓存拿到数据；
步骤104：prerender生成prerendered Html，创建预渲染页面；
步骤105：预渲染页面生成后，由nginx反馈响应给到搜索引擎爬虫，从而实现前后端分离系统的SEO抓取优化。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011565605.7A CN112667945A (zh) | 2020-12-25 | 2020-12-25 | 一种基于前后端分离技术开发网站的seo优化方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011565605.7A CN112667945A (zh) | 2020-12-25 | 2020-12-25 | 一种基于前后端分离技术开发网站的seo优化方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112667945A true CN112667945A (zh) | 2021-04-16 |
Family
ID=75409545
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011565605.7A Pending CN112667945A (zh) | 2020-12-25 | 2020-12-25 | 一种基于前后端分离技术开发网站的seo优化方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112667945A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912693A (zh) * | 2016-04-22 | 2016-08-31 | 北京搜狗科技发展有限公司 | 网络请求处理方法、网络数据获取方法、装置及服务器 |
| CN107729531A (zh) * | 2017-10-27 | 2018-02-23 | 深圳市行云易通科技有限公司 | 一种动态渲染类网页优化方法 |
| CN108984801A (zh) * | 2018-08-22 | 2018-12-11 | 百卓网络科技有限公司 | 一种基于html标签识别异步加载内容的搜索引擎优化方法 |
| CN109324788A (zh) * | 2018-09-05 | 2019-02-12 | 湖南华诺科技有限公司 | 一种基于React和Nodejs的服务端渲染方法 |
| CN109543128A (zh) * | 2018-10-19 | 2019-03-29 | 深圳点猫科技有限公司 | 一种基于编程语言的前端框架项目实现方法及电子设备 |
| CN110362731A (zh) * | 2019-07-15 | 2019-10-22 | 浙江大搜车软件技术有限公司 | 提升网站搜索排名的方法、装置、计算机设备和存储介质 |
| CN110795195A (zh) * | 2019-10-31 | 2020-02-14 | 百度在线网络技术（北京）有限公司 | 一种网页渲染方法、装置、电子设备及存储介质 |
| CN111475764A (zh) * | 2020-06-29 | 2020-07-31 | 平安国际智慧城市科技股份有限公司 | 搜索引擎优化方法、装置、终端及存储介质 |
-
2020
- 2020-12-25 CN CN202011565605.7A patent/CN112667945A/zh active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912693A (zh) * | 2016-04-22 | 2016-08-31 | 北京搜狗科技发展有限公司 | 网络请求处理方法、网络数据获取方法、装置及服务器 |
| CN107729531A (zh) * | 2017-10-27 | 2018-02-23 | 深圳市行云易通科技有限公司 | 一种动态渲染类网页优化方法 |
| CN108984801A (zh) * | 2018-08-22 | 2018-12-11 | 百卓网络科技有限公司 | 一种基于html标签识别异步加载内容的搜索引擎优化方法 |
| CN109324788A (zh) * | 2018-09-05 | 2019-02-12 | 湖南华诺科技有限公司 | 一种基于React和Nodejs的服务端渲染方法 |
| CN109543128A (zh) * | 2018-10-19 | 2019-03-29 | 深圳点猫科技有限公司 | 一种基于编程语言的前端框架项目实现方法及电子设备 |
| CN110362731A (zh) * | 2019-07-15 | 2019-10-22 | 浙江大搜车软件技术有限公司 | 提升网站搜索排名的方法、装置、计算机设备和存储介质 |
| CN110795195A (zh) * | 2019-10-31 | 2020-02-14 | 百度在线网络技术（北京）有限公司 | 一种网页渲染方法、装置、电子设备及存储介质 |
| CN111475764A (zh) * | 2020-06-29 | 2020-07-31 | 平安国际智慧城市科技股份有限公司 | 搜索引擎优化方法、装置、终端及存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| ANLINGYI: "SPA单页面应用、前后端分离项目SEO优化的方法", 《HTTPS://WWW.JIANSHU.COM/P/95CE16D657E9》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10235151B2 (en) | Optimized delivery of web application code | |
| CN111277643B (zh) | 一种http链路跟踪记录方法及系统 | |
| US7536445B2 (en) | Enabling a web-crawling robot to collect information from web sites that tailor information content to the capabilities of accessing devices | |
| CN102932197B (zh) | 一种测试方法及测试系统 | |
| JP5225399B2 (ja) | デスクトップ・アプリケーション移行のためのシステムと方法 | |
| CN108874922B (zh) | 客户端设备、基于单页应用的网页渲染方法和存储介质 | |
| CN103281387B (zh) | 处理网页中子资源的方法、服务器、客户端和系统 | |
| US20020103823A1 (en) | Method and system for extending the performance of a web crawler | |
| US20100218077A1 (en) | Modifying a markup language document which includes a clickable image | |
| CN107040584B (zh) | 客户端下载图片的方法及装置 | |
| CN104572777A (zh) | 基于UIWebView组件的网页加载方法及装置 | |
| KR101689745B1 (ko) | 스크립트에 의한 동적 리소스 정보를 처리하는 웹 브라우징 시스템 및 방법 | |
| CN110858172A (zh) | 一种自动化测试代码生成方法和装置 | |
| CN103873918A (zh) | 图片处理方法、装置及终端 | |
| CN111881394B (zh) | 一种应用中间层的请求处理方法及系统 | |
| CN112667945A (zh) | 一种基于前后端分离技术开发网站的seo优化方法 | |
| US8112500B2 (en) | Technique of relaying communications between client apparatus and server apparatus | |
| CN106844600A (zh) | 一种网站图片处理系统及方法 | |
| CN114301970B (zh) | 服务调用方法、装置、电子设备及存储介质 | |
| CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
| CN106301819B (zh) | 参数校验方法及校验系统 | |
| US7836395B1 (en) | System, apparatus and method for transformation of java server pages into PVC formats | |
| KR100807308B1 (ko) | 휴대 통신 단말기용 웹페이지 변환 시스템의 캐쉬 | |
| CN111125589B (zh) | 数据采集方法及装置、计算机可读存储介质 | |
| CN110704055B (zh) | 接口前置的优化方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210416 |