0.引言

智慧云网平台云业务网关是中国移动国际公司企业业务平台的重要组成部分，其功能旨在，对上承接国际公司企业业务门户，实现运往业务的订购，变更，退订等业务受理，并对订单进行拆分，编排，配置，下发，对下纳管各关键业务网关，实现资源的一站式编排目前该项目平台主要拥有五大场景，分别是:企业用户，管理员，合作伙伴，渠道商以及营销站

针对营销站场景，是基于用户更大，更好的视觉冲击效果感观和体验感的一种机制进行展示和开发再者，现在正是推进全球一体化的浪潮，平台的发展也会逐步面向服务于全球用户，搜索引擎带动了中国互联网的发展，SEO则带动了中国互联网产品的发展以及传统行业向互联网的进化

现今时代针对网站速度，结构，内容质量等方面都有更高的期待值，例如对于网站速度而言，网站速度是关键也是基础，目前已进入5G时代，用户对于网站打开速度等要求越来越没有耐心度，如果速度快，那么用户体验感程度则增强。

前端开发是构建网站很重要的一个环节，针对时代浪潮和用户需求，从前端的角度进行SEO的剖析与实施。

1.服务端渲染在平台中的作用

智慧云网平台在项目初期，定位为云服务控制台，为客户提供多云互联，管理，订购等功能，考虑到开发体验，效率等方面采用了基于Vue.js的单页应用开发方案，但随后项目中增加了营销需求，在控制台之外又增加了营销站，这就要求用户能够在百度，Google等搜索引擎进行搜索时，能够准确搜索到网站内容。

但是Vue的单页应用并不利于SEO，也就是说，单页应用项目中，服务端返回的document内容是一片空白，页面显示的内容其实是由浏览器通过js来操作dom结构，从而完成渲染因此搜索引擎的爬虫爬到的内容也是空白的，会将我们的网站理解为是一个没有内容的网站，也就无法在搜索结果中显示，不利于搜索排名

此项目是使用Vue进行开发，并由客户端完成渲染的项目此渲染方式存在的最大问题就是不方便SEO因为百度，Google等搜索引擎的爬虫，只能爬取网站的源码，也就是服务端返回的原始document文件，爬虫并不能执行js脚本，也就导致，通过js处理后才完成渲染的HTML文件内容，并不能被爬虫爬取

此外，由于客户端渲染需要浏览器向服务端请求js文件并操作js来完成渲染，这两段过程会耗费大量时间，导致客户端渲染首屏加载缓慢甚至白屏时间过长。

2.服务端渲染SSR VS 客户端渲染CSR

服务端渲染:

优点:1.SEO友好，由web服务器返回完整的HTML，Google，百度等爬虫可以爬取到页面的全部静态，动态元素，

2.首次打开渲染速度较快。

缺点:1.服务器由于增加了渲染工作，压力较大，负载均衡要处理好，运维成本增加，

2.Nuxt有一定学习成本有一些自定义方法。

客户端渲染:

优点:1.解析压力分给到浏览器，也就是用户的客户端，分担了服务器压力，

2.防爬虫，

3.开发者体验好，

缺点:1.不利于SEO，

2.首屏加载慢。

3.业务层面分析

互联网是没有国界的，平台具有多国语言，搜索引擎优化是基于技术和业务的，两者是相辅相成的，与搜索请求相关的结果也是很有价值的，这意味着内容必须是满足各地区本地用户的需求，在营销站进行SEO优化策略是一项非常有价值的工作。

针对SEO而言，主要包含了以下几个层面:1.内容建设，2.竞争对手，3.整合资源，4.站内优化，5.站外优化，6.迭代优化等从技术层面来讲，旨在优化在业务层面讲，旨在推广，做大做强，人人皆知

4. SEO优化后对营销站的影响

1，在没有做SEO之前，在搜索引擎里是搜不到我们的网站的，这样大大降低了我们网站的排名和知名度平台针对SEO需求的定义就是在于能够提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为，从搜索引擎中获得更多的流量，更好的排名，更高的曝光率，可以被更多的用户搜索到以及更好的展现网站的形象

2，对于网站关键词的选择，无论是什么网站，都需要有一个网站的定位，那么我们的网站围绕什么呢，先不说相对竞争以及商业化的方面，为了能够让更多的用户可以提升体验度，可以搜索到我们的网站是至关重要的一个环节更重要的是我们是面向客户，并且客户的范围是越来越大甚至于全球化，那么我们的网站也需要去了解我们的用户，如果用户通过搜索相关关键字来访问我们的站点，那么就可以定位目标用户，进行详细的分析，获取目标用户集中于哪类群体等，可以针对用户行为去做针对性的网站优化，更大的提升了我们网站的应用性和用户的体验性

3，在分析和锁定了关键词后，我们也可以得到行业中同行的网站情况，所谓知己知彼，百战不殆，可以从各个角度去进行分析和记录行业中同行的网站，从而使我们自己的网站得到更大的进步空间和发展同时也可以给网站带来及时的推广，获得网站流量，排名等资源，这是一个长期且稳定的过程

5展望

单页应用的网站开发是目前前端开发的趋势，其中Vue.js在国内的应用最为广泛，但是由于单页应用的技术特点，SEO不友好也成为了单页应用的缺点，Nuxt可以完美的契合Vue.js，使开发人员既可以使用Vue.js进行网站开发，同时也能满足网站SEO优化的运营需求。

但也不能盲目的选择Nuxt，因为Nuxt会给服务器带来一些负担。