目录
1.1- SEO的概念
1.2- SEO的用途
1.3- 优化SEO的两类方式
黑帽
白帽
1.4-具体实现(以白帽为例)
1.5 vue中 如何给SPA做SEO
1.1- SEO的概念
SEO是一种缩写，它的全称是Seach Engine Optimization(搜索引擎优化)。
SEO简单的说就是通过一系列的手段，使得网站的代码以及内容都符合相关搜索引擎的规则，让搜索引擎有效的抓取内容，使得网站的内容能够通过这些搜索引擎，展现到用户面前。
常见的搜索引擎有谷歌，百度，必应，360，搜狗等。这些搜索引擎都可以抓取网站的内容，而seo的作用就是让网站的内容能够被这些搜索引擎抓取并且被释放出来。
SEO在国内主要运用于百度，在国内我们做seo也主要针对百度，我们的seo技术人员是通过一些手段将一些搜索量非常高的关键词优化到百度的快照位置，使得用户在百度上搜索这类关键词的时候，能快速有效的找到这类优质的网站。
1.2- SEO的用途
网站搜索引擎优化任务主要是认识与了解其它搜索引擎怎样紧抓网页、怎样索引、怎样确定搜索关键词等相关技术后，以此优化本网页内容，确保其能够与用户浏览习惯相符合，并且在不影响网民体验前提下使其搜索引擎排名得以提升，进而使该网站访问量得以提升，最终提高本网站宣传能力或者销售能力的一种现代技术。
基于搜索引擎优化处理，其实就是为让搜索引擎更易接受本网站，搜索引擎往往会比对不同网站的内容，再通过浏览器把内容以最完整、直接及最快的速度提供给网络用户
1.3- 优化SEO的两类方式
黑帽
黑帽方法通过欺骗技术和滥用搜索算法来推销毫不相关、主要以商业为着眼的网页。
黑帽SEO的主要目的是让网站得到他们所希望的排名进而获得更多的曝光率，这可能导致令普通用户不满的搜索结果。
因此搜索引擎一旦发现使用“黑帽”技术的网站，轻则降低其排名，重则从搜索结果中永远剔除该网站。
选择黑帽SEO服务的商家，一部分是因为不懂技术，在没有明白SEO价值所在的情况下被服务商欺骗；另一部分则只注重短期利益，存在赚一笔就走人的心态
白帽
搜索引擎优化的白帽法遵循搜索引擎的接受原则。
他们的建议一般是为用户创造内容、让这些内容易于被搜索引擎机器人索引、并且不会对搜寻引擎系统耍花招。一些网站的员工在设计或构建他们的网站时出现失误以致该网站排名靠后时，白帽法可以发现并纠正错误，譬如机器无法读取的选单、无效链接、临时改变导向、效率低下的索引结构等。
1.4-具体实现(以白帽为例)
使用meta标签添加关键字,以及网站相关描述。
<meta name="keywords" content="技术交流 技术网站交流"></meta><meta name="description" content="一个有爱的技术交流社区 csdn 欢迎您的到来 "></meta>- 在排名较高的网站中，挂上自己的网站链接，提高链接广泛度，
- 网络架构层次清晰，建议使用h5语义化标签来搭建页面层次
- 页面容量要合理化
- .网站导航要清晰化
<html><!DOCTYPE html><head> <meta name="keywords" content=""></meta> <meta name="description" content=""></meta> <meta charset="utf-8"> <title>test</title></head><body>< header> <nav></nav></header><section> <aside></aside></section><footer></footer><body/></html>1.5 vue中 如何给SPA做SEO
下面给出基于Vue的SPA如何实现SEO的三种方式
SSR服务端渲染
将组件或页面通过服务器生成html，再返回给浏览器，如nuxt.js
静态化
目前主流的静态化主要有两种：
（1）通过程序将动态页面抓取并保存为静态页面，这样页面的实际存在于服务器的硬盘中。
（2）另外一种是通过WEB服务器的 URL Rewrite的方式，它的原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址，一句话来说就是把外部请求的静态地址转化为实际的动态页面地址，而静态页面实际是不存在的。这两种方法都达到了实现URL静态化的效果
使用Phantomjs针对爬虫处理
原理是通过Nginx配置，判断访问来源是否为爬虫，如果是则搜索引擎的爬虫请求会转发到一个node server，再通过PhantomJS来解析完整的HTML，返回给爬虫。下面是大致流程图