之前有同学在前端技术分享时提到了SEO，另一同学问我SEO是什么，我当时非常诧异，作为前端应该对SEO很了解才对，不过仔细想想，现在前后端分离的大趋势下，SPA单页WEB应用也随之兴起，现在的前端新生对SEO不了解也是有原因的，所以本次就带着大家重识SEO！
什么是SEO
SEO（SearchEngineOptimization），中文翻译成搜索引擎优化，是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎的检索原则并且对用户更友好，从而更容易被搜索引擎收录及优先排序
发展史
SEO在国内起步比较晚，主要经历了四个发展阶段：
年初到年底，Google刚进入中国不久，SEO在国内刚刚起步年底到年上半年,全国涌现出上百家SEO公司年下半年至年9月，SEO作弊泛滥成灾，严重破坏了市场秩序，威胁到搜索引擎的利益，SEO一度成为作弊的代名词，引起一些主流搜索引擎的大量清理年9月至今，随着SEO培训的兴起，SEO技术越来越普及化也更加正规合理化优点
成本低
利用SEO来给网站做优化，不仅提升网站的排名，还能增加搜索引擎的友好度。企业除支付相关人员的费用外，一般不需要投入其它费用，所以成本很低。
通用性强
SEO人员通过对网站机构、布局、内容、关键词等要素的合理设计，让网站符合搜索引擎的规则。虽然有很多搜索引擎，但你只要做好百度所搜引擎优化，其它的搜索引擎排名也会跟着提高。
稳定性好
正常情况下，只要是正规方法优化的网站，排名都会比较稳定。只有搜索引擎算法更改或者竞争对手更有优势，才会让网站出现比较大的变化。
公平性
在搜索引擎中，所有网站展示机会都是均等的，需要企业公平的竞争排名。搜索引擎不是根据网站的规模、知名度来作为排名的依据，而是综合多方面的因素，这样就给网站提供了一个公平竞争的环境。
有效规避无效点击
有些企业为了增加知名度而选择付费推广，这种点击收费的推广方式，会遭到同行业的恶意点击，让你的费用迅速用完。而利用SEO技术优化的网站就不会出现这种问题，同行业点击的越多，对网站越有利，可以增加搜索引擎的友好度，进而提升网站的排名。
缺点
见效慢
SEO需要人工来做的，不会立刻收到效果的。一般来说，从开始优化到关键词有排名需要1至3个月左右，如果是竞争激烈的关键词，可能需要更长的时间。
被动性
网站和搜索引擎是一种被动排名关系。网站的优化需要符合搜索引擎规则，这样才能让网站的排名靠前。搜索引擎的规则不是一成不变的，它会不定期的修改算法，将更好的内容展示给用户。因此，需要对网站的优化进行相对应的调整，以应对各种变化。
不确定性
SEO人员无法掌控搜索引擎运行规则的细节，只能通过经验来对网站进行优化，无法保证重要性的关键词需要多久能排在首页。另外，网站在搜索引擎的排名受到多种因素的综合影响，有可能出现优化后排名没有提升的情况。
原理
通过总结搜索引擎的收录和排名规律，对网站进行合理优化，使你的网站在百度及其他搜索引擎网站的搜索结果排名提高。
爬行抓取，网络爬虫通过特定规则跟踪网页的链接，从一个链接爬到另一个链接，把爬行的数据存入本地数据库
使用索引器对数据库中重要信息进行处理，如标题、关键字、摘要，或者进行全文索引，在索引数据库中，网页文字内容，关键词出现的位置、字体、颜色、加粗、斜体等相关信息都有相应记录。
索引器将用户提交的搜索词与数据中的信息进行匹配，从索引数据库中找出所有包含搜索词的网页，并且根据排名算法计算出哪些网页应该排在前面，然后按照一定格式返回给用户
将检索的结果返回给用户，这就有一个先后顺序，搜索引擎的排序主要由以下方面共同确定：三剑客：TDK
何谓TDK？做前端的同学也都应该对它们熟稔于心：title标签、metaname="description"标签和metaname="keywords"标签。顾名思义，它们分别代表当前页面的标题、内容摘要和关键词，对于SEO来说，title是其中最重要的一员。
title标签
从用户的角度来看，它的值即用户在搜索引擎搜索结果中以及浏览器标签页中看到的标题，如下图：
title通常由当前页面的标题加几个关键词组成，同时力求简洁明了。总之，用最少的字让别人知道你接下来要说啥，控制在40字以内。比如：
title二手交易网,二手手机交易网,58闲置交易APP,转转客服/title
好的title不仅让用户知道该页面要讲什么东西，提前判断有没有我需要的内容，对于搜索引擎也同样如此。所以，设置title时不但要注意以上几点，更重要的是，不要重复！
description
它通常不参与搜索引擎的收录及排名，但它会成为搜索引擎在搜索结果页中展示网页摘要的备选目标之一，当然也可能选取其他内容，比如网页正文开头部分的内容。以title部分的示例图对应的页面为例，它的description对应的内容是这样的：
metaname="description"content="58同城“转转”为二手买卖双方提供快人一步的闲置交易平台,担保交易,
