做为前端，你不得不知道的SEO

  研发的同窗，其实不少人并无深刻了解SEO这个概念。在技术博客里，说起这一块的也寥寥无几。我今天就拿本身的经验，简单给你们扫个盲，有什么遗漏的地方，欢迎你们补充。

  文字内容有点多，可是干货满满，请耐心阅读！

什么是SEO：

  如下内容摘自百度百科：

SEO（Search Engine Optimization）:汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提升目前网站在有关搜索引擎内的天然排名的方式。SEO是指为了从搜索引擎中得到更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，使网站更适合搜索引擎的索引原则的行为。

SEO原理

  其实搜索引擎作的工做是至关复杂的，咱们这里简单说一下大体的过程。后续针对SEO如何优化，也会根据这几个点展开描述。

• 页面抓取： 蜘蛛向服务器请求页面，获取页面内容
• 分析入库：对获取到的内容进行分析，对优质页面进行收录
• 检索排序：当用户检索关键词时，从收录的页面中按照必定的规则进行排序，并返回给用户结果

SEO优化

  既然是优化，那咱们就得遵循SEO的原理来作，可谓知己知彼，百战不殆。针对上面提出的三点，咱们分别展开叙述。咱们这里主要以百度蜘蛛举例。

页面抓取

  如何才能吸引蜘蛛光顾咱们的网站，如何才能让蜘蛛常常光顾咱们的网站。这里提出如下几个优化点：

1. 提交页面。提交页面又分为几种不一样的方式

   1. sitemap提交。sitemap，顾名思义，就是网站地图，当蜘蛛来到咱们的网站时，告诉它咱们有多少页面，不一样页面是按什么分类的，每一个页面的地址是什么。顺着咱们的指引，蜘蛛会很轻松的爬遍全部内容。另外，若是你的页面分类比较多，并且数量大，建议添加sitemap索引文件。若是站点常常更新添加新页面，建议及时更新sitemap文件；
   2. 主动提交。就是把你的页面直接丢给百度的接口，亲口告诉百度你有哪些页面，这是效率最高也是收录最快的方式了。可是须要注意，百度对天天提交的数量是有限制的，并且反复提交重复的页面，会被下降每日限额，因此已被收录的页面不建议反复提交。收录有个时间过程，请先耐心等待；
   3. 实时提交。在页面中安装百度给的提交代码，当这个页面被用户打开我，便自动把这个页面提交给百度。这里不须要考虑重复提交的问题。

以上几种提交方式能够同时使用，互不冲突。

1. 保证咱们的页面是蜘蛛可读的。

     早在ajax还没流行的的时候，其实SEO对于前端的要求并无不少，或者说，那个时候尚未前端这个职业。页面所有在服务器端由渲染好，无论是用户仍是蜘蛛过来，都能很友好的返回html。ajax彷佛本来是为了不有数据交互致使必须重刷页面设计的，可是被大规模滥用，一些开发者无论三七二十一，全部数据都用ajax请求，使得蜘蛛不能顺利的获取页面内容。庆幸的是这反倒促进了前端的飞速发展。

     到了后来，各类SPA单页应用框架的出现，使得前端开发者再也不须要关心页面的DOM结构，只需专一业务逻辑，数据所有由Javascript发ajax请求获取数据，而后在客户端进行渲染。这也就致使了老生常谈的SEO问题。百度在国内搜索引擎的占有率最高，可是很不幸，它并不支持ajax数据的爬取。因而，开发者开始想别的解决方案，好比检测到是爬虫过来，单独把它转发到一个专门的路由去渲染，好比基于Node.js的Jade引擎（如今更名叫Pug了），就能很好地解决这个问题。React和Vue，包括一个比较小众的框架Marko也出了对应的服务端渲染解决方案。详细内容查看对应文档，我就很少说了。

2. URL与301

  URL设置要合理规范，井井有条。若是网站到了后期发现URL不合理须要从新替换时，会致使以前收录的页面失效，就是咱们所说的死链（这种状况属于死链的一种，404等也属于死链）。因此必定要在网站建设初期就作好长远的规划。一旦出现这种状况也不要过于担忧，咱们能够采起向搜索引擎投诉或者设置301跳转的方式解决。

  URL层级嵌套不要太深，建议不超过四层。增长面包屑导航可使页面井井有条，也有利于为蜘蛛营造顺利的爬取路径。

  除此以外，将指向首页的域名所有设置301跳转到同一URL，能够避免分散权重。

分析入库

  当蜘蛛把页面抓取回去以后，就须要对页面内容进行分析，并择优收录入库。为何说是择优呢？下面我给你慢慢分析。

  搜索引擎的目的是给用户提供高质量的、精准的搜索结果。若是整个页面充斥着满满的广告和各类不良信息，这无疑会很大程度上影响用户体验。

  除此以外，你确定不但愿本身辛辛苦苦创做的文章被别人垂手可得的抄走，因此搜索引擎在必定程度上帮助你避免这种状况的发生。对于已经收录的内容，搜索引擎会下降其权重，甚至直接不收录这个页面。即使是这样，为了保证页面的新鲜度，不少网站都会爬取或者转载其余网站的内容。这就是咱们常常听到的伪原创。因此，想要让你的页面可以以较高的权重被收录，就须要坚持更新网站内容，而且是高质量的原创内容。
  

检索排序

  这块个人理解是，页面被收录后，会给每一个页面打一些tag。这些tag将做为搜索结果排序的重要依据。好比用户搜索“北京旅游”，搜索引擎会检索收录页面中被打了“北京旅游”tag的页面，并根据一系列规则进行排序。因此，如何提高这些tag在搜索引擎里面的权重是相当重要的。

1. TDK优化

TDK是个缩写，seo页面中的页面描述与关键词设置。

其中"T"表明页头中的title元素，这里可能还要利用到分词技术，当标题(Title)写好后，咱们就尽可> 能不要再去修改了，尽可能简洁，没意义的词尽可能不要加入到标题中，避免干扰到搜索引擎识别网站主题。

其中"D"表明页头中的description元素，要知道描述是对网页的一个概述，也是对title的补充，由于title中只能书写有限的字数，因此在description中就要稍微详细的补充起来，通常用一句两句话归纳文章的内容。

其中"K"表明页头中的keywords元素，提取页面中的主要关键词，数量控制在三到六个内。千方百计让主关键字都出现。

  以上内容摘自百度百科，这里须要补充几点。

  TDK是搜索引擎判断页面主题内容的关键，因此要在title里面言简意赅的体现出页面的主要内容，若是主体比较多，能够用一些符号把不一样的主题词隔开，可是关键词不要太多，最多不要超过五个。

  keywords里面把每一个关键词用英文逗号隔开，三到五个最佳。尽可能覆盖每一个关键词。

  description就是用天然语言描述页面的主要内容，这里注意一点就是把每一个关键词至少覆盖一遍才能达到最佳效果。

1. 提高页面关键词密度

  首先说个概念，叫关键词密度。简单理解就是关键词在全部文字内容中出现的比例。提高关键词的密度，有利于提高搜索引擎针对对应关键词的搜索排名。但并非咱们整个页面密密麻麻堆砌关键次就好，咱们来分析一个案例。

  咱们在百度搜索“北京旅游”，排在第一的是百度旅游，这个就不解释了。排第二位是携程，咱们就分析一下为啥携程会排名这么靠前。

  经过查看百度快照，能够一目了然的看到页面上究竟哪些地方命中了这些词。

  页面头部

  页面底部

  页面很清晰代表了关键词出现的地方，咱们发现这个页面除了正文部分外，还设置了许多的模块，这些模块看似只是一些简单的连接，实际上他们更重要的使命就是服务SEO，提高关键词的密度。同时，这些连接都是指向网站内部的连接，经过这样的方式，还能够在不一样的页面之间相互投权重。能够说小连接，大学问！

  你觉得到此结束了？并无。请仔细观察页面上这些模块的内容设置。分别覆盖了地区、景点、攻略、导航、住宿、交通等等，能够说是涵盖了你要旅游所须要的任何需求。这样一来，无论你搜哪些有关于“北京旅游”的关键词，好比“北京旅游住宿”，“北京特点美食”等都会命中这个页面的词，这使得这个页面的关键词数量获得提高，更容易获得曝光。

1. 细枝末节但不可忽视的优化

  页面上常常会有各类图片，对于搜索引擎来讲，它是不识别图片上的内容的。你可能知道代码中img标签的alt属性是为了图片加载失败的时候，给用户看的。这个属性代表了这张图的内容。其实搜索引擎在分析页面的时候，也会根据这个词去判断图片的内容，因此要给页面上有意义的图片都加上alt属性，写清楚图片索要反映的内容。

  页面上的出站连接（也就是指向别的网站的A标签），咱们要给它加上nofollow标签，避免它向别的网站输出权重。百度蜘蛛会忽略加了nofollow 的连接。你也能够在网页的meta标签里这么写<meta name="robots" content="nofollow" />，这样一来，百度蜘蛛将不追踪页面上的全部连接，但不建议这么作，除非这个页面的全部连接都指向了别的域名。

  ......

其余优化点

友情连接

  咱们常常会在页面底部看到友情连接。友情连接是做为网站之间相互交换流量，互惠互利的合做形式。事实上，友情连接对网站权重提高有着相当重要的做用。友链不只能够引导用户浏览，并且搜索引擎也会顺着连接造成循环爬取，能够有效提高网站流量和快照的更新速度。

关键词筛选

  借助站长工具、爱站网或者各类站长后台咱们能够分析出ip来路，以及关键词的搜索热度和相关词，咱们再把这些词以必定的密度添加到页面中，以此来提高命中率。这里主要是运营同窗的工做，我不专业，也就不展开说了，更多功能你们自行摸索。

利用好分析工具

  咱们要在本身的站点安装百度统计代码，这样就能够分析出站点内用户的关注度和浏览流程，以此来不断优化站点结构，提高用户的留存率。同时也能够作用户画像，分析用户数据等等。

结语

  想要作好SEO并非一件简单的事，须要锲而不舍，面面俱到。对网站持续关注，并保持更新。从长远打算，切不可投机取巧，只图一时的效果作违背搜索引擎的操做，也就是常说的黑帽SEO，不然被百度K掉就得不偿失了。

  以上观点只是我最近学习的一些总结，并不权威，但愿给不了解这块的研发同窗简单扫个盲，若有错误，还请各位指正与补充！