搜索引擎的工作原理搜索引擎网站后台会有一个非常庞大的数据库，里面存储着大量的关键词，每个关键词对应着很多个网址。这些URL是通过称为“搜索引擎蜘蛛”或“网络爬虫”的程序从浩瀚的互联网上一点一点地下载和收集的。随着各种网站的出现，这些勤劳的“蜘蛛”每天都在网上爬行，从一个链接到另一个链接，下载内容，分析提炼，找到里面的关键词，如果“蜘蛛”认为不是的关键词在数据库中但对用户有用的信息都存储在后台数据库中。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就会丢弃并继续爬行，寻找最新有用的信息并保存起来，以供用户搜索。当用户搜索时，可以检索与关键字相关的URL并将其显示给访问者。一个关键字对使用了多个网址，所以存在排序的问题，相应的，与关键字最匹配的网址会排在第一位。在“蜘蛛”抓取网页内容、提炼关键词的过程中，有一个问题：“蜘蛛”是否能看懂。如果网站内容是flash和js等，会让人看不懂，容易混淆，即使关键词再合适不过了。相应的，如果网站的内容能够被搜索引擎识别，那么搜索引擎就会增加网站的权重，增加网站的友好度。SEO简介SEO是SearchEngineOptimization的英文缩写，意思是在了解搜索引擎自然排名机制的基础上，对网站进行内外调整和优化，以提高关键词在搜索引擎中的自然排名，以获得更多的流量，从而达到网站销售和品牌建设的预期目标。SEO的主要工作是了解各种搜索引擎如何抓取互联网页面、如何建立索引以及如何确定其对特定关键字的搜索结果排名等技术来优化网页以提高搜索引擎排名，从而增加被访问者的数量。访问量，最终提高网站的销售能力或宣传能力。提高网站的曝光率，提高整个网站的权重，让用户更容易搜索到你的网站，进而带来客观的流量。使用这种策略吸引流量的优点是：1、成本低；2.坚持；3、无需承担“无效点击”的风险。这里介绍一个简单的SEO优化方向：网站设计优化网站主标题关键词优化，一定要选择好的关键词，一般“一个核心词+三五个长尾词”组合成标题。优化网站布局。一般来说，企业产品网站以F型布局为主，内容较多的网站采用“扁平结构”布局。代码优化，即section和column代码，最好使用对应的简拼或者全拼。网站内容优化分析栏目关键词，有哪些长尾词，挖掘出来，做成表格形式。然后，逐条分析长尾词的内容，形成二级长尾词。根据挖掘出的长尾词，分析用户需求，挖掘相关内容，整理文章，发布在网站上，确保文章质量。为什么说单页SEO不友好？因为在单页的情况下，页面的很多内容是根据匹配的路由动态生成和显示的，而很多页面内容是通过ajax异步获取的，网络爬虫不会等待异步请求到在抓取页面内容之前完成。网络爬虫很难准确模拟相关行为来获取复合数据。他们更擅长爬取和分析静态资源。如何解决单一页面SEO不友好的问题就明白问题出在哪里了。“搜索引擎蜘蛛”或“网络爬虫”程序更擅长抓取和更新静态资源，因此我们必须采取相应的策略来生成尽可能多的静态资源。让网络爬虫获取更多的数据，从而提高网站的搜索排名。目前市场上应用比较广泛的有以下两种策略：预渲染和SSR（server-siderendering）。简单介绍一下SEO的一些优化策略：Pre-rendering预渲染是指打包生成一些主要路由对应的静态html文件，让网络爬虫拥有更多的静态资源，抓取更多的网站信息，提高网站的搜索排名.SSR（server-siderendering）服务器端渲染是先向后端服务器请求数据，然后生成完整的首屏html返回给浏览器。服务端渲染返回给客户端的是获取了异步数据并执行了JavaScript脚本的最终HTML。网络爬虫可以抓取页面信息来完成，SSR的另外一个很大的作用就是加速首屏的渲染，因为不需要等到所有的JavaScript都被下载并执行完毕之后才显示服务端渲染的标记，因此用户将更快地看到完全呈现的页面。什么是服务器渲染？要了解服务端渲染，首先要了解渲染的概念：渲染就是将数据和模板组装成html的客户端渲染（CSR）和服务端渲染（SSR），才能更好的理解服务端渲染，我们可以比较服务器端渲染和客户端渲染。客户端渲染前端用于查看和交互，后端只提供界面数据。前端通过ajax向服务器请求数据。获取到数据后，通过js生成DOM插入到HTML页面中，最后渲染给用户。页面代码在浏览器源代码中是不可见的。客户端渲染的优点：减轻了服务端的计算压力，实现了前后端分离。在团队开发中，你只需要负责自己的任务，大大提高了开发效率。客户端渲染的缺点：不利于SEO，搜索引擎爬虫看不到完整的程序源码。当请求数量增加时，用户等待时间变长，导致首屏渲染变慢。消耗的是用户浏览器的性能。服务器端渲染服务器返回html之前，在特定区域，符号填充数据生成html，然后发送给客户端html，客户端解析html最后渲染页面给用户，页面代码可以在浏览器源代码中看到。服务器端渲染的优点：响应速度快，用户体验好，首屏渲染速度快，对搜索引擎友好，搜索引擎爬虫可以看到完整的程序源码，有利于SEO，不易维护。如果不使用node中间层，前后端分工不明确，无法进行良好的并行开发，最终体现在时间消耗和性能消耗上。客户端在不同的网络环境下请求数据，客户端需要经历js加载完成到数据请求再到页面渲染的过程。导致大量的时间消耗和浏览器性能的消耗。服务器在内网请求，数据响应快，无需等待js代码加载。可以先请求数据，再渲染可见部分再返回给客户端，客户端再做二次渲染，这样消耗的大部分是服务端性能。客户端页面响应时间也更快。详情请看下面的渲染路线图：为什么要用服务端渲染？提到为什么要用服务端渲染，首先想到的是服务端渲染解决什么问题。根据以上，我们可以简单总结两点。首先屏幕加载快速客户端渲染，除了加载html，等待js/css加载完成，然后执行js渲染页面。这期间用户一直在等待，服务器只需要加载当前页面的内容，而不是一次性加载所有的js文件。等待时间大大缩短，首屏加载速度更快。有助于SEO优化服务器呈现的页面有助于搜索引擎识别页面内容，有利于SEO。所谓SEO是指利用搜索引擎的规则来提高网站在相关搜索引擎中的自然排名。目前的搜索引擎爬虫普遍采用全文分析模式，分析内容涵盖了网站文本、多媒体（主要是图片）和外链三个主要部分的内容，通过分析可以判断网站的类型和主题。被审判。对于客户端渲染，搜索引擎不能收录ajax爬取数据后动态js渲染的页面。服务器端渲染的页面代码可以在源代码中看到，这有助于搜索引擎识别它。什么时候使用服务器端渲染我们已经知道，服务器端渲染的两大优势是首屏渲染和SEO优化。如果对用户体验要求比较高或者需要SEO优化，我们可以使用服务端渲染。但是用服务端渲染不是必须的吗？答案不一定，因为服务端渲染的成本比客户端渲染要贵（服务器资源稀缺而宝贵），如果不是对用户体验或SEO的最终要求，我们还是可以选择客户端渲染和客户端渲染解决了首屏优化慢，不利于SEO的缺点。在处理SEO问题时，使用prerender，升级搜索引擎。白屏可以添加loading和SkeletonScreen效果。一句话：实际开发以实际场景为准。如何使用服务端渲染基于react框架进行服务端渲染开发，推荐使用Next.js框架。Next.js是一个轻量级的React服务器端渲染应用程序框架。...让React应用程序更简单Next.js是一个轻量级的React服务器渲染应用程序框架。基于vue框架的服务端渲染开发推荐使用Nuxt.js框架。Nuxt.js是一个基于Vue.js的轻量级应用框架，可用于创建服务端渲染（SSR）应用，也可作为静态站点引擎生成静态站点应用，具有代码优雅等特点结构分层和热加载
