六、什么是SEO优化（搜索引擎优化）？SPA单页面应用如何实现SEO优化？

一、什么是搜索引擎优化（SEO）

seo（Search Engine Optimization）又称网站优化，也称搜索引擎优化。
它是指通过优化网站的内容、结构和相关参数，使其更符合搜索引擎的算法规则，从而提高网站在搜索引擎结果页面中的排名，增加有针对性的流量，并最终实现网站的推广和营销目标。
那搜索引擎是如何决定网站排名的呢？
主要有两个因素：目录式搜索引擎和机器学习搜索引擎。目录式搜索引擎通过人工编辑和分类整理网站，决定网站的排名顺序；而机器学习搜索引擎根据复杂的算法规则，分析网页内容的质量、链接的数量和质量、用户行为等因素，来决定网站的排名。

二、如何实现搜索引擎优化（SEO）

搜索引擎工作原理

在实现SEO优化之前，我们先了解一下搜索引擎的工作原理。
在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现，这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入后台的数据库中。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。
一个关键词对用多个网址，因此就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容是flash和js等，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如果网站内容可以被搜索引擎能识别，那么搜索引擎就会提高该网站的权重，增加对该网站的友好度。这样一个过程我们称之为SEO。

实现搜索引擎优化（SEO）

实现SEO优化可以从以下几个方面入手：
1.对网站的标题、关键字、描述精心设置，反映网站的定位，让搜索引擎明白网站是做什么的；

2.网站内容优化：内容与关键字的对应，增加关键字的密度；

3.在网站上合理设置Robots.txt文件；

4.生成针对搜索引擎友好的网站地图；

5.增加外部链接，到各个网站上宣传;

三、SPA单页面实现SEO优化

SPA实现SEO优化的难点分析

SPA单页面应用实现SEO优化主要有以下难点：
1.搜索引擎爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。单页面应用最终渲染页面都是通过js动态生成的，爬虫获取到的html只是单页面的模型页面不是最终渲染的页面，所以用js来渲染数据对seo并不友好。
2.seo的本质就是一个服务器向另一个服务器发起请求，解析请求内容。通常情况下搜索引擎在追求速度的原因下，并不会去执行请求到的js。这时单页面的问题就来了，html文件在服务端并没有渲染数据，实际渲染数据实在客户端完成的，所以搜索引擎请求到的html只是一个结构，这样就很不利于页面内容被搜索引擎搜索到。

SEO实现方案：SSR服务端渲染

通过服务端渲染SSR实现SEO优化：
为了解决以上难点，可以通过服务端渲染。服务端渲染就是为了解决单页面应用在发送到浏览器之前页面就有内容了。

SSR服务端渲染
在普通的SPA中，一般是框架及网站页面代码发送给浏览器，然后在浏览器中生成和操作DOM（这也就是为什么第一次SPA网站在同等带宽下比传统的在后端生成HTML发送到浏览器要更慢的主要原因），但其实也可以将SPA应用打包到服务器上，在服务器上渲染出HTML，发送到浏览器，这样的HTML页面还不具备交互能力，所以还需要与SPA框架配合，在浏览器上“混合”成可交互的应用程序。所以，只要能合理地运用SSR技术，不仅能一定程度上解决首屏慢的问题，还能获得更好的SEO。

SSR的优点

更快的响应时间，不用等待所有的JS都下载完成，浏览器便能显示比较完整的页面了。

更好的SSR，我们可以将SEO的关键信息直接在后台就渲染成HTML，而保证搜索引擎的爬虫都能爬取到关键数据。

SSR的缺点

相对于仅仅需要提供静态文件的服务器，SSR中使用的渲染程序自然会占用更多的CPU和内存资源

SSR常用框架
React 的 Next

Vue.js 的 Nuxt

Nust中文官网www.nuxtjs.cn/

所以要想SEO做的好，建议使用服务端SSR渲染（网页是通过服务端渲染生成后输出给客户端），可采用Nuxt（其本质是Node封装的VUE的SSR框架，所以是在服务端跑的，对首屏渲染友好）

关于使用Nuxt对Vue的单页面SEO优化，在下一篇文章中说明