知乎的网页界面里，有些板块是基本固定不变的，例如顶部的导航条，一旦用户点击某个具体问题进行浏览之后

破乎的回答

它的导航栏依旧保持原样，在常规的网页站点里，一旦进入不同页面，就会向服务器索要全部的页面内容，但在单页应用中，转换到新页面时，仅需刷新发生变动的区域即可

目前常见的几个SPA框架SPA的优点

前面提到的前后端分离的长处它全都具备，而且它还具备一些其他的好处

SPA的缺点

鉴于上述不足之处，我们进而引出后续探讨的两个议题，分别是搜索引擎优化和服务器端渲染，首先来讨论搜索引擎优化。

SEO概述

早先对SEO的认识很浅，直到最近才初步掌握了一些SEO知识。SEO（  ），其含义在中文里通常表述为：搜索引擎优化。SEO涉及研究搜索引擎的工作原理，包括网页抓取方式、信息索引机制以及依据特定关键词决定搜索结果排序的流程。通过分析这些原理，人们可以对网站进行优化，目的是提升该网站在搜索引擎特定关键词搜索结果中的排名情况。

常用技术

搜索引擎优化中的技术大致可以分两类：白帽技术与黑帽技术，

SEO包含诸多注意事项，以下是维基百科对部分正规优化手段的说明：

除去非开发细节，我们大该可以提炼出以下的信息：

这个标签并非元标记，经常和空值连用，它的内容会作为标题显示在浏览器的顶部区域，同时也会出现在用户的工具栏里

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><meta name="description" content="通常所说的META标签，是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。..."></pre></p> <p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><meta name="keywords" content="META标签 META标签作用 META标签组成 META标签属性 META标签描述设计 META标签错误 META标签标签"></pre></p>

相关资料里没有提及过应用meta ， Quora上探讨过是否还在应用meta 的问题，多数回应指出谷歌已不再应用它，不过其他搜索引擎例如百度等仍在应用meta 。

SPA与SEO的冲突

先前我们提及的单页应用不利于搜索引擎优化，目前来看，尽管部分搜索引擎如Bing等，它们的爬虫已能执行或通过AJAX获取数据，但对于非同步数据的处理仍显欠缺，这或许是因为搜索引擎开发者认为没有必要，Vue服务器端渲染对此有相关说明

假如你的软件一开始呈现的是菊花图案，接着运用 Ajax 技术来获取数据，那么爬虫程序不会等到这个异步操作结束后才继续抓取页面的其他信息。

先前提及过，SPA应用一般借助AJAX获取信息，因此难以确保网页能被搜索引擎正确索引，同时部分搜索引擎无法执行或处理AJAX数据，这更使得SEO优化变得困难。

某些站点视SEO极为关键，比如以内容为核心的平台Quora、知乎及豆瓣等，那么怎样运用单页应用模式，同时又不损害SEO效果呢？鲁迅曾言：

技术上的问题总有技术去解决

此时，SSR便闪亮登场了

SSR概述

SSR是服务器端渲染的简称，在常规的单页应用中，通常把框架和网页代码传输给浏览器，由浏览器负责生成和处理DOM，这也是初次访问单页应用在相同带宽和网络状况下，相比传统后端生成HTML再发送到浏览器要慢的原因，其实也可以把单页应用在服务器上打包，由服务器渲染出HTML，再发送给浏览器，但这样的页面无法直接交互，因此必须与单页应用框架配合，在浏览器端“融合”成可操作的应用程序。因此，只要合理运用SSR技术，可以缓解首屏加载缓慢的状况，同时也能提升SEO表现。

SSR的优点SSR的缺点SSR常用框架

对React和Next不甚了解，因此无法对此发表意见，我的个人网站选用了Nuxt来实现服务器端渲染，不得不说Nuxt的运用方式真是令人赞叹，它既带有必要的规范，又具备良好的可塑性，其官方网站提供的资料也相当出色。

总结

前后端分离降低了前端和后端的耦合度，提高了开发效率；

SPA是前后端分离中前端的一种解决方案；

SEO对与很多网站很重要而普通的SPA又不利于SEO；

SSR技术的应用缓解了传统单页应用首屏加载缓慢的状况，同时显著降低了常规单页应用在搜索引擎优化方面存在的弊端。

参考资料

-

搜索引擎优化 - 维基百科，自由的百科全书

How -Page  Work – Paul  –

Meta tags that-Help

使用过元数据是在二零一八年吗？这个问题可以在Quora上找到答案

Vue SSR 指南 | Vue.js 服务器端渲染指南

这项创作遵循知识共享署名-非商业性使用-禁止演绎 4.0 国际许可条款授权。若要再次传播，必须注明：创作者姓名，最初发布在我的个人网站，并提供原始文章的网址地址。

# 知乎Web页面部分不变  # 聊聊SPA框架优缺点及SEO概述  # 关键词  # 对网站进行优化  # 搜索引擎优化  # 后端  # 用在  # 是在  # 又不  # 搜索结果  # 再发  # 先前  # 的是  # 维基百科  # 加载  # 对此  # 鲁迅  # 几个  # 是因为  # 降低了  # 也会  # 还在  # 泗水品牌seo公司排名  # 从化市网站建设推广  # 宁波网站推广软件  # 常州网站付费推广平台  # 企业网站建设的调研  # 玩具网站优化价格表  # 整合营销推广工具有哪些  # 泉州seo网站标题  # 吉林关键词排名提升哪家好  # 湖州小学网站建设  # 佛山网站营销建设公司  # 传媒大学培训网站建设  # 怒江抖音seo  # 口腔营销第三方平台推广  # 什么是seo团队  # 北京seo优化网站  # *seo网络营销  # 低价网站建设的建议方案  # 青海农产品网站建设  # 泰安网站推广营销 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 天津家长看过来！陕师大实力如何？一文讲透报考关键点   SEO网站优化方法,新手指南与实战方法,首页网站关键词优化工具  福永SEO优化厂家,助力企业网络营销腾飞的关键步骤,四川网站建设推广优化  自媒体营销，如何让你的博客在竞争激烈的海洋中脱颖而出,淘宝网seo策略  祖庙抖音搜索SEO优化，打造你的品牌之光,seo优化托管方案  广州百度推广费用能退吗？解答常见疑问,新网站的推广  SEO与爬虫,网络世界的两种“猎手”介绍,百度关键词点击排名外包  揭秘自媒体营销的黄金法则，如何快速提升内容曝光度,珠宝网站网站建设模板  东莞网络SEO专业机构盘点,介绍哪家最值得信赖,松岗正规网站优化  SEO权重介绍,关键词布局的艺术与步骤,吉安抖音搜索seo  长沙SEO网站优化,助力企业提升在线竞争力,邢台seo网络公司  免费分享！几款好用的游戏网站，Switch端pc端游戏都有啦   SEO检测，让网站排名飞升的秘密武器,高端快消食品营销推广  百度SEO2025新算法介绍,关键词布局与优化步骤,湖州抖音seo服务  福建百度推广运营顾问工作是什么？,南丰企业网站建设推广  江西SEO快排系统，提升网站排名的秘密武器,健力宝推广官方网站  探索秦皇岛之韵，抖音SEO的奥秘与个人之旅,医院营销推广培训机构  广州百度推广资质代办，助您快速打开数字营销新局面,德州手机网站建设费用  山西SEO大法哪家强介绍本地SEO服务佼佼者,seo.sem工作日常  广州百度推广思路解析，精准营销的制胜之道,嘉定品牌网站建设  广州百度推广职位，探索数字营销新机遇,韩漫无删减网站推广  佳木斯文艺交通广播新闻线索征集电话公布！微信安全中心提醒防*   SEO任何：如何通过精准优化让网站流量突破极限,太原网站建设培训班  SEO优化实战攻略,如何将网站内容推至首页,短视频seo营销怎样做  SEO就业前景如何？打造数字时代的职业新风口,常州武进区水产网站建设  揭秘自媒体营销，如何巧妙地将品牌推向成功之路？,网站优化哪家评价高点  济南SEO外链群发,助力企业网站优化，提升网络竞争力,湖北关键词排名有限公司  揭秘成功的自媒体人，如何打造个人品牌？,海棠湾的营销推广  详细介绍,SEO排名软件盘点与优化步骤详解,5g在线seo  广州百度推广图文全攻略,淘宝联盟自有网站推广  福建百度推广开户渠道公司有哪些？,网站建设推广术  福建百度推广费用如何计算？举例说明,万象城网站建设  数字化支付时代，如何关闭微信指纹支付？看这里   SEO优化提升关键词外推,让您的网站在搜索引擎中脱颖而出,廊坊优化网站怎么样  SEO导航：助力网站提升流量与排名的必备工具,荣昌建筑网站建设  介绍淘宝SEO作弊手段,如何避免陷入误区，提升店铺排名,seo引流入口  广州医疗行业如何通过百度推广提升竞争力,洛阳工业品营销推广  iPhone11 pro max微信分身版下载安装教程，立即下载   普陀短|视频|SEO推广攻略,助力短|视频|内容脱颖而出,衡水网站排名优化多少钱  SEO但是，这些常见误区你真的知道吗？,凤岗网站建设开发  杭州SEO工作思路，揭秘成功的秘诀与策略,seo01仙踪林  途阔分析短视频SEO趋势，抖音搜索超4亿次，优化要懂啥？   凉山SEO优化报价介绍,专业服务助力企业互联网营销,shopify seo 案例  SEO有意：如何通过优化策略提升网站排名与流量,天津政府智慧网站建设  新余运营SEO,投资回报比高的互联网营销步骤,金华做网站seo优化多少钱  广州百度推广聊天，企业营销新趋势,医疗网络营销推广是什么  广州百度推广充值，助力企业线上营销的新引擎,珠海可靠营销推广案例  抖音营销SEO秘籍，如何让你的品牌在抖音上脱颖而出？,谷歌seo采集站  广州百度推广入门，从零开始打造高效推广策略,网站建设销售找客户  SEO站内优化：提升网站排名的核心策略,厦门市网站优化企业