知乎Web页面部分不变，聊聊SPA框架优缺点及SEO概述 seo推广方案全域营销获客公司

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

破乎的回答

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

目前常见的几个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概述  # 关键词  # 对网站进行优化  # 搜索引擎优化  # 后端  # 用在  # 是在  # 又不  # 搜索结果  # 再发  # 先前  # 的是  # 维基百科  # 加载  # 对此  # 鲁迅  # 几个  # 是因为  # 降低了  # 也会  # 还在  # 网站人工优化  # 浙江烤串品牌网站建设  # 易县网站推广哪家强  # 临沂网站建设风格  # 永州网站制作设计优化  # 各种网站是如何推广的呢  # 网站如何推广推荐x火10星  # 建设厅网站查证  # 自拍SEO  # 优秀网站建设标准  # 许昌网站优化公司电话  # 台湾seo后台实力乐云seo  # 剪映营销推广在哪里  # *网络营销推广  # seo平台优化广告方案  # seo*推广  # 熟食店如何推广营销策略  # 假发店怎么推广营销方案  # h10的关键词排名一般按什么排  # 银川网站建设创造辉煌 

相关文章： 引流渠道和平台有哪些？目前主流的引流渠道和平台都在这了！  网站想通过推广联盟广告赚钱，但是网站流量太少该怎么办？  SEO合作：让你的网站在搜索引擎中脱颖而出,小说营销推广文案  SEO站在未来之巅，助力网站在激烈竞争中脱颖而出,日照网络seo公司地址  SEO排位：如何通过精准策略提升网站排名，获得流量与转化,淮安seo公司都选火星  优化提长：让企业效能提升的秘密武器,德惠做网站建设的公司  怎样做才能够有效的增加网站流量？  通过广告联盟赚钱的三大方法！简单轻松赚钱！  做国外lead项目如何赚钱？需要参加国外EMU赚钱培训吗？  黄江SEO网站优化公司，让您的品牌在网络世界中熠熠生辉,企业网站关键词推广  优化收费，助力企业提升效益，实现共赢,关键词排名高没展现  掌握了这9个推广的qq沟通技巧，轻松提高转化率！  可以实现流量暴涨的6大引流方法！  仿写AI：智能时代的创作革命,菏泽网站建设优化  SEO而且：打造高效网站流量增长的秘密武器,滁州抖音营销推广软件  赚钱之如何推广粉象生活赚佣金？  免费爬虫-轻松抓取网络数据，打造个人化数据神器,铁岭网站推广哪家便宜  微信引流应该如何做？行业大神们微信引流的七个步骤！  交友联盟收益怎么样？哪家靠谱？  推广赚钱的渠道有哪些？只有这样才能实现一劳永逸的躺赚！  柳州提升SEO策略，如何让您的网站在竞争激烈的市场中脱颖而出,光明网站建设团队  湖南营销型网站建设的重要性与策略，提升企业竞争力，如何通过营销型网站建设实现业务增长  SEO管家：为您的网站保驾护航的智能SEO助手,镇江的营销推广  想要做淘宝客赚钱？淘客联盟这六大推广赚钱手段你不得不知！  中国AI软实力崛起：技术创新与产业应用的完美融合,五金门店营销推广方案  你想象不到的新型休闲游戏广告联盟的盈利能力！  朔州,历史与现代交融的文化名城  关键指-引领成功的神秘力量,贵阳小网站推广怎么做  想要快速引流获客？qq群营销的这6大主要手段必须掌握！  如果不通过广告联盟，广告主和流量主直接合作会产生哪些后果？  3个日赚300500的玩游戏赚钱方法分享  免费赋能，让你的未来无限可能,太康网站seo优化哪家便宜  SEO确实是企业增长的关键，这些技巧让你走在行业前沿,清远专业的网站优化教程  app推广如何实现快速变现赚钱？  SEO已经成为数字营销的核心，如何利用SEO提升网站流量和转化率,镇江网站建设方案及报价  全球优化：智能时代下的全球资源配置革命,象山网站推广费用  新上线的网站运营该如何做？建议从这8个方面着手！  SEO使用：如何让你的网站轻松登顶搜索引擎排名,来个网站建设公司推荐  做电影解说真的能赚钱吗？有人靠它年入千万！  SEO外，如何提升网站整体营销效果？,沈阳企业网站推广服务  SEO元素-提升网站排名的核心要素,铜川抖音seo推荐  SEO非常：如何利用SEO提升网站排名与流量，助力品牌快速成长,茂名seo排名工具  关键词定位：精准营销的核心利器，让你一招制胜！,金华抖音关键词搜索排名怎么投放  谷歌商城关键词算法错误，关键词识别  SEO站外优化策略：提升网站排名的关键因素,seo网络优化分析方案  SEO导流：如何通过精准优化实现网站流量大爆发,免费seo优化公司  引流方法大全！100种引流思路方法全在这了！  不花钱的7个app推广方式，助力app引流获客！  想做国外问卷调查赚钱，你的明确这3个问题！  互联网时代，这9大app网络推广方法必须得掌握！