网站前端员工不可防止的会与网站优化交际，会网站优化的前端也会更吃香。
有时候，从事网站前端开发的朋友缺少对网站优化的基本知道，致使整个网站制作，运营效率偏低。事实上网站优化对于前端来讲非常有必要，学习一些通用的网站优化技术，不耗时不费力，又可提高工作效率，提高自己能力，非常不错非常不错。
研发的同学，其实不少人并没深入知道网站优化这个定义。在技术博客里，提及这一块的也寥寥无几。我今天就拿我们的经验，简单给大伙扫个盲，有哪些遗漏的地方，欢迎大伙补充。
文字内容有点多，但干货满满，请耐心阅读!
什么是网站优化网站前端做网站优化该学习什么！
网站优化(Search Engine Optimization):汉译为网站SEO。网站SEO是一种借助搜索引擎的搜索规则来提升现在网站在有关搜索引擎内的自然排名的方法。网站优化是指为了从搜索引擎中获得更多的免费流量，从网站架构、内容建设策略、用户互动传播、页面等角度进行合理规划，使网站更合适搜索引擎的索引原则的行为。
网站优化原理
其实搜索引擎做的工作是相当复杂的，大家这里简单说一下大致的过程。后续针对怎么优化网站，也会依据这几个点展开描述。
页面抓取网站前端做网站优化该学习什么！对获得到的内容进行剖析，对优质页面进行网站收录
检索排序网站前端做网站优化该学习什么！
提交页面。提交页面又分为几种不一样的方法
sitemap提交。sitemap，顾名思义，就是网站地图，当蜘蛛来到大家的网站时，告诉它大家有多少页面，不同页面是按什么分类的，每一个页面的地址是什么。顺着大家的引导，蜘蛛会非常轻松的爬遍所有内容。另外，假如你的页面分类比较多，而且数目大，建议添加sitemap索引文件。假如站点常常更新添加新页面，建议准时更新sitemap文件;
主动提交。就是把你的页面直接丢给百度的接口，亲口告诉百度你有什么页面，这是效率高也是网站收录最快的方法了。但应该注意，百度对天天提交的数目是有限制的，而且反复提交重复的页面，会被减少每天限额，所以已被网站收录的页面不主张反复提交。网站收录有个时间过程，请先耐心等待;
实时提交。在页面中安装百度给的提交代码，当这个页面被用户打开我，便自动把这个页面提交给百度。这里无需考虑重复提交的问题。
以上几种提交方法可以同时用，互不冲突。
保证大家的页面是蜘蛛可读的。
早在ajax还没有时尚的的时候，其实网站优化对于前端的需要并没不少，或者说，那个时候还没前端这个职业。页面全部在服务器端由渲染好，无论是用户还是蜘蛛过来，都能非常友好的返回html。ajax好像原本是为了防止有数据交互致使需要重刷网页设计的，但被大规模滥用，一些开发者不管三七二十一，所有数据都用ajax请求，使得蜘蛛不可以顺利的获得页面内容。庆幸的是这反倒促进了前端的快速进步。
到了后来，各种SPA单页应用框架的出现，使得前端开发者不再需要关心页面的DOM结构，仅需专注业务逻辑，数据全部由Javascript发ajax请求获得数据，然后在推广客户端进行渲染。这也就致使了老生常谈的网站优化问题。百度在国内搜索引擎的占有率高，但非常不幸，它并不支持ajax数据的爬取。于是，开发者开始想别的解决方法，譬如测试到是爬虫过来，单独把它转发到一个专门的路由去渲染，譬如基于Node.js的Jade引擎(目前改名叫Pug了)，就能非常不错地解决这个问题。React和Vue，包含一个比较小众的框架Marko也出了对应的服务端渲染解决方法。详细内容查询对应文档，我就不多说了。
URL与301
URL设置要合理规范，层次分明。假如网站到了后期发现URL不合理需要重新替换时，会致使之前网站收录的页面失效，就是大家所说的死链(这样的情况是死链的一种，404等也是死链)。所以必须要在网站制作初期就做好长远的规划。一旦出现这样的情况也不要过于担忧，大家可以采取向搜索引擎投诉或者设置301跳转的方法解决。
URL层级嵌套不要太深，建议低于四层。增加面包屑导航可以使页面层次分明，也有益于为蜘蛛打造顺利的爬取路径。
此外，将指向首页的域名全部设置301跳转到同一URL，可以防止分散网站权重。
剖析入库
当蜘蛛把页面抓取回去之后，就需要对页面内容进行剖析，并择优网站收录入库。为何说是择优呢?下面我给你慢慢剖析。
搜索引擎的目的是给用户提供优质的、精准的搜索结果。假如整个页面充斥着满满的广告和各种不好的信息，这无疑会非常大程度上影响客户体验。
此外，你一定不期望自己辛辛苦苦创作的文章被其他人易如反掌的抄走，所以搜索引擎在一定量上帮你防止这样的情况的发生。对于已经网站收录的内容，搜索引擎会减少其网站权重，甚至直接不网站收录这个页面。即使是如此，为了保证页面的新鲜度，不少网站都会爬取或者转载其他网站的内容。这就是大家常常听到的伪原创。所以，想要叫你的页面可以以较高的网站权重被网站收录，就需要坚持更新网站内容，并且是优质的原创内容。
检索排序
这块我的理解是，页面被网站收录后，会给每一个页面打一些tag。这类tag将作为搜索结果排序的要紧依据。譬如用户搜索“SEO培训”，搜索引擎会检索网站收录页面中被打了“SEO培训”tag的页面，并依据一系列规则进行排序。所以，怎么样提高这类tag在搜索引擎里面的网站权重是至关要紧的。
TDK优化
TDK是个缩写，网站优化页面中的页面描述与关键字设置。
其中”T”代表页头中的title元素，这里可能还要借助到分词技术，当标题(Title)写好后，大家就尽可> 能不要再去修改了，尽可能简洁，没意义的词尽可能不要加入到标题中，防止干扰到搜索引擎辨别网站主题。
其中”D”代表页头中的description元素，要了解描述是对网页的一个概述，也是对title的补充，由于title中只能书写有限的字数，所以在description中就要稍微详细的补充起来，通常用一句两句话概括文章的内容。
其中”K”代表页头中的keywords元素，提取页面中的主要关键字，数目控制在三到六个内。挖空心思让主关键词都出现。
以上内容摘自百度百科，这里需要补充什么时间。
TDK是搜索引擎判断页面主题内容的重要，所以要在title里面言简意赅的体现出页面的主要内容，假如主体比较多，可以用一些符号把不一样的主题词隔开，但关键字不要太多，最多不要超越五个。
keywords里面把每一个关键字用英文逗号隔开，三到五个好。尽可能覆盖每一个关键字。
description就是用自然语言描述页面的主要内容，这里注意一点就是把每一个关键字至少覆盖一遍才能达到好成效。
提高页面关键字密度
第一说个定义，叫关键字密度。简单理解就是关键字在所有文字内容中出现的比率。提高关键字的密度，有益于提高搜索引擎针对对应关键字的关键词排名。但并非大家整个页面密密麻麻堆砌重要次就好，大家来剖析一个案例。
大家在百度搜索“SEO培训”，排在第一的是博久网络网站优化研究院
