coding
teambition
cloud9
注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它们的界面切换非常流畅，响应很迅速，跟传统的网页明显不一样，它们是什么呢？这就是单页Web应用。
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。（使用js控制渲染来替换html跳转）
单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。
因此，对单页面应用来说，模块化的开发和设计显得相当重要。
原理：JS会感知到url的变化，通过这一点，可以用js动态的将当前页面的内容清除掉，然后将下一个页面的内容挂载到当前页面上，这个时候的路由不是后端来做了，而是前端来做，判断页面到底是显示哪个组件，清除不需要的，显示需要的组件。这种过程就是单页应用，每次跳转的时候不需要再请求html文件了。
单页面应用的优缺点：
优点：
1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操作。
2、适合前后端分离开发，服务端提供http接口，前端请求http接口获取数据，使用JS进行客户端渲染。
缺点：
单页面应用会将js、 css打包成一个文件，在加载页面显示的时候加载打包文件，如果打包文件较大或者网速慢则用户体验不好
SEO（Search Engine Optimization）为搜索引擎优化。它是一种利用搜索引擎的搜索规则来提高网站在搜索引擎排名的方法。目前各家搜索引擎对JS支持不好，所以使用单页面应用将大大减少搜索引擎对网站的收录。
1、Hash模式：（也就是通过锚点？）
这里的 hash 就是指 url 后的 # 号以及后面的字符。比如说 "
www.baidu.com/#hashhash
" ，其中 "#hashhash" 就是我们期望的 hash 值。
hash 值的变化不会导致浏览器像服务器发送请求，而且hash 的改变会触发 hashChange 事件，浏览器的前进后退也能对其进行控制，所以在 H5 的 history 模式出现之前，基本都是使用 hash 模式来实现前端路由。
在 HTML5 之前，浏览器就已经有了 history 对象。但在早期的 history 中只能用于多页面的跳转。
在 HTML5 的规范中，history 新增了以下几个 API：
1、hash 模式相比于 history 模式的优点：
兼容性更好，可以兼容到IE8
2、hash 模式相比于 history 模式的缺点：
看起来更丑。
会导致锚点功能失效。
相同 hash 值不会触发动作将记录加入到历史栈中，而 pushState 则可以。
引用：
https://www.cnblogs.com/ppforever/p/5126640.html
https://www.jianshu.com/p/0c32c85c668b
https://juejin.im/post/5dac1d0d6fb9a04e0762e3f1
从使用者的角度看，搜索引擎提供一个包含搜索框的页面，在搜索框输入词语，通过浏览器提交给搜索引擎后，搜索引擎就会返回跟用户输入的内容相关的信息列表。
互联网发展早期，以雅虎为代表的网站分类目录查询非常流行。网站分类目录由人工整理维护，精选互联网上的优秀网站，并简要描述，分类放置到不同目录下。用户查询时，通过一层层的点击来查找自己想找的网站。也有人把这种基于目录的检索服务网站称为搜索引擎，但从严格意义上讲，它并不是搜索引擎。
全文搜索引擎是名副其实的搜索引擎，国外代表有Google，国内则有著名的百度搜索。它们从互联网提取各个网站的信息（以网页文字为主），建立起数据库，并能检索与用户查询条件相匹配的记录，按一定的排列顺序返回结果。
根据搜索结果来源的不同，全文搜索引擎可分为两类，一类拥有自己的检索程序（Indexer），俗称“蜘蛛”（Spider）程序或“机器人”（Robot）程序，能自建网页数据库，搜索结果直接从自身的数据库中调用，上面提到的Google和百度就属于此类；另一类则是租用其他搜索引擎的数据库，并按自定的格式排列搜索结果，如Lycos搜索引擎。
目录索引虽然有搜索功能，但严格意义上不能称为真正的搜索引擎，只是按目录分类的网站链接列表而已。用户完全可以按照分类目录找到所需要的信息，不依靠关键词（Keywords）进行查询。目录索引中最具代表性的莫过于大名鼎鼎的Yahoo、新浪分类目录搜索。
元搜索引擎（METASearchEngine）接受用户查询请求后，同时在多个搜索引擎上搜索，并将结果返回给用户。著名的元搜索引擎有InfoSpace、Dogpile、Vivisimo等，中文元搜索引擎中具代表性的是搜星搜索引擎。在搜索结果排列方面，有的直接按来源排列搜索结果，如Dogpile；有的则按自定的规则将结果重新排列组合，如Vivisimo。
其他非主流搜索引擎形式：
1、集合式搜索引擎：该搜索引擎类似元搜索引擎，区别在于它并非同时调用多个搜索引擎进行搜索，而是由用户从提供的若干搜索引擎中选择，如HotBot在2002年底推出的搜索引擎。
2、门户搜索引擎：AOLSearch、MSNSearch等虽然提供搜索服务，但自身既没有分类目录也没有网页数据库，其搜索结果完全来自其他搜索引擎。
3、免费链接列表（FreeForAllLinks简称FFA）：一般只简单地滚动链接条目，少部分有简单的分类目录，不过规模要比Yahoo！等目录索引小很多。
【工作原理】
每个独立的搜索引擎都有自己的网页抓取程序（spider）。Spider顺着网页中的超链接，连续地抓取网页。被抓取的网页被称之为网页快照。由于互联网中超链接的应用很普遍，理论上，从一定范围的网页出发，就能搜集到绝大多数的网页。
搜索引擎抓到网页后，还要做大量的预处理工作，才能提供检索服务。其中，最重要的就是提取关键词，建立索引文件。其他还包括去除重复网页、分析超链接、计算网页的重要度。
单页网站SEO是一个比较特殊的优化工作，它更多的应用于在线商品快速交易行业，单页网站其实往往更多的应用在竞价推广，而非SEO。
SEO单页排名技术：指的是仅依靠一个独立的页面，对目标关键词进行优化，一般对内容营销策略的要求极高，多半以高转化率为目的，但这与电商SEO还是有一定区别。
那么，SEO单页推广的劣势有哪些呢？
①不能利用站内锚文本提高关键词排名。
②很难去交互友情链接。
③高跳出率是无法避免的。
①节省过高的开发费用，可以更便捷的进行管理。
②提高用户体验：做一个单页移动优化的网页，要比网站便捷的多，特别是MIP的配置。
③易于传播与分享，特别适合社交媒体营销。
④集中优势的内容，往往产生高转化率。
那么，单页网站SEO优化，该怎么做呢？
1、根据行业，制作最简单的SEO单页模板，注意：精简代码。
2、优化页面加载速度：特别是对页面图片的优化，单页网站往往图片量大，且长。
3、更彻底的研究你的关键词：单页网站并不能通过更多的长尾关键词页面获取流量，因此整个页面的关键词挖掘与布局，是非常重要的，你可以参考如下内容：
①合理控制关键词密度，注意上下文的语义相关。
②选择合适的核心关键词，并不需要过高的搜索量，相对竞争度较低的长尾关键词是必须的。
③按照文章结构，依次将核心关键词，长尾关键词，分配在从上到下的段落中。
4、精细化你的内容：单页网站，内容是最核心的要素，它直接影响你的转化率，针对你的产品类型与服务类型，合理的按照段落格式进行分布，并且注重各个标签的使用，它包括：
①
利用层标签，将不同段落进行有效的隔离，让搜索引擎看起来，貌似每个段落都有其独立的意义。
有些SEO专家看了可能有点懵圈，什么？一个独立的页面，怎么可能有多个H1标签呢，这个是SEO优化的大忌呀，确实这是一个策略吧，多个H1标签，分布在
它试图像搜索引擎模拟多个页面的存在，并且强调H1包含关键词的重要性，有叠加的感觉。
利用标签，包含最主要的核心关键词，并且保证其唯一性。而多个页面的H1标签的关键词，就不需要用这个强调标签了。
这是一个两部的内容包括：外链建设与内链建设。
①外链建设：利用高质量相关性的链接对目标关键词进行链接。
②内链建设，也就是内部锚文本，也就是在单页上给核心关键词，加上超链接，这个只需要加上核心关键词就可以。
下面给出单页面内链建设的秘籍：
代码如下：
总结：单页网站SEO，是一个技术含量相对较高的SEO策略，如果不是必须要做的话，不建议大家利用SEO单页去推广。
