//www.xminseo.com/wp-content/uploads/2018/07/1-28.jpg
网站的前端工作人员必然会和seo打交道，seo的前端也更受欢迎。
很多情况下，从事网站前端开发的朋友对seo缺乏基本知识，整个网站建设，运营效率低。 其实seo对前端来说是必要的。 学习共同的seo技术，不需要时间和精力，可以提高生产力，提高自己的能力，很好。
研究开发的同学其实很多人对SEO这个概念没有深刻的理解。 在技术博客中，提到这个块的也寥寥无几。 今天吸取自己的经验，简单地给大家扫瞎，如果有什么遗漏，欢迎大家补充。
文字内容有点多，但干货满了，请耐心阅读！
什么是SEO？
以下内容摘自百度百科。
搜索引擎优化(SEO ) :汉译已针对搜索引擎进行了优化。 搜索引擎优化是利用搜索引擎的搜索规则提高当前网站搜索引擎中的自然排名的方法。 SEO是从网站结构、内容建设方案、用户交互分发、页面等角度进行合理计划，使网站符合搜索引擎的索引策略的行为，以便从搜索引擎获得更多的免费流量。
SEO原理
其实搜索引擎的工作相当复杂，所以在这里简单说明一下大致的过程。 然后，我们还将基于这些方面对SEO进行优化。
页面捕获：蜘蛛向服务器请求页面，获取页面内容
分析入库：分析取得的内容，收录优质页面。
搜索排名：用户搜索关键字时，按照一定的规则从收录的页面中排名，并返回用户结果。
SEO优化
既然是优化，我们就必须按照SEO的原理做，好朋友互相认识，可以说百战不殆。 关于上述三点，我们分别叙述。 这里主要以百度蜘蛛为例。
页面捕获。
如何才能吸引蜘蛛到我们的网站，如何才能让蜘蛛频繁访问我们的网站？ 在此提出以下优化要点。
发送页面。 发送页面有几种不同的方法。
sitemap提交。 sitemap顾名思义，是网站的地图。 蜘蛛来我们网站的时候，我们有多少页面，不同的页面是怎么分类的，每一页的地址是什么？ 在我们的指引下，蜘蛛很容易爬上所有的内容。 另外，如果页面分类多且数量多，则建议添加sitemap索引文件。 如果站点经常更新并添加新页面，建议及时更新sitemap文件。
自愿提出。 就是把你的页面直接扔进百度界面，告诉自己嘴里百度有什么页面。 这是最有效率和收录最快的方法。 但是，百度每天提交的数量有限制，重复提交重复的页面会降低每天的限额，所以不建议重复提交收录的页面。 收录有时间经过，请稍等。
实时提交。 在页面上安装百度提交代码，当用户打开此页面时，自动将此页面提交到百度。 这里不需要考虑反复提出的问题。
这几种提交方式可以同时使用，互相不冲突。
我保证我们的页面能被蜘蛛读取。
在ajax不流行的时期，其实SEO对前端的要求不太多，或者那时还没有前端这个职业。 页面都是在服务器端渲染的，用户和蜘蛛都来了，很容易返回到html。 ajax似乎本来为了避免数据交流必须重新印刷页面设计，但被大规模滥用，有些开发者被ajax要求三七二十一，所有数据，蜘蛛无法很好地获取页面内容。 幸运的是，这反而促进了尖端的迅速发展。
然后，出现了各种SPA单页面应用框架，前端开发人员不再需要关心页面的DOM结构，只需要集中于业务逻辑，数据就全部从Javascript通过ajax请求获取数据， 百度在国内搜索引擎中占有率最高，但遗憾的是不支持ajax数据的获取。 因此，开发者检测到是爬虫类，开始考虑基于Node.js的Jade引擎(现在变更为Pug )等专用路线进行渲染等其他解决方案，可以很好地解决这个问题。 React和Vue包括相对较小的框架Marko也提供了相应的服务器端渲染解决方案。 详细情况看对应文件，不怎么说话。
URL和301
URL的设置必须合理，层次清楚。 如果网站后期发现URL不合理进行交换，以前收录的页面就会无效。 这称为死锁(这种情况下是死锁的一种，404等也是死锁)。 所以一定要在网站建设初期制定长期的计划。 即使出现这种情况也不要太担心。 可以通过向搜索引擎投诉和设定301跳来解决。
URL级嵌套不要太深。 我建议不要超过4级。 添加面包屑导航可以清楚页面级别，也有助于为蜘蛛创建平滑的爬行路线。
除此之外，通过将域名设备301全部跳转到同一URL，可以避免权重的分散。
入住的分析
蜘蛛捕捉到页面后，需要分析页面的内容，选择收录入库。 为什么说偏好？ 接下来慢慢分析。
搜索引擎的目的是为用户提供高质量准确的搜索结果。 如果整个页面都充斥着广告和各种不好的信息，一定会对用户的体验产生很大的影响。
除此之外，你不想把自己辛苦写的文章轻易被别人抄下来，所以搜索引擎在某种程度上有助于避免这种情况。 对于已经收录的内容，搜索引擎降低其权重，不直接收录这个页面。 尽管如此，为了保持页面的新鲜度，很多网站都会采取或转载其他网站的内容。 这就是我们经常听到的伪原创。 因此，为了确保你的页面以高权重被收录，网站的内容必须不断更新，并且是高质量的原始内容。
搜索排序
这个我的理解是，页面收录后，每一页都打tag。 这些tag是搜索结果排名的重要依据。 例如，当用户搜索“seo教程”时，搜索引擎会搜索收录页面中带有“seo教程”tag的页面，并根据一系列规则进行排序。 因此，如何提高这些tag在搜索引擎中的权重很重要。
TDK优化
TDK是缩写，是seo页面的页面描述和关键字设置。
其中“t”表示页眉的title元素，在这里也可以用于分词技术。 标题写好后，尽量不要修改，尽量简洁，尽量不要把没有意义的词放在标题里，以免搜索引擎识别网站的主题。
这里，“d”表示页面标题的description要素，为了知道记述是网页的概要，也是title的补充，在title中只能写有限的字符数，所以在description中稍微详细地补充，通常为1
这里，“k”表示页面标题的keywords要素，提取页面中的主要关键字，将数量控制在36个以内。 我想设法把主关键词都拿出来。
以上摘自百度百科。 这里有几点需要补充。
TDK是搜索引擎判断页面主题内容的关键，所以在title中可以简洁地表达页面的主要内容，代理人多的情况下可以用几个符号分隔不同的主题词，但关键词不太多，最多不能超过五个。
在keywords中，用英语逗号分隔各关键词，最好是3~5个。 尽量按关键词进行掩饰。
请注意，description是用自然语言描述页面的主要内容的，在这里只有至少复盖一次每个关键字才能获得最佳结果。
提高页面关键词密度。
首先说关键词密度这个概念。 简单理解是关键字出现在所有文字内容中的比例。 提高关键词的密度有助于提高搜索引擎对相应关键词的搜索排名。 但是，并不是我们的整个页面都重合就可以了。 分析一下案例吧。
我们在百度搜索“seo教程”。 第一名是seo教程自学网络//www.xminseo.com/，这不赘述。 让我们分析一下为什么职业排名会这么靠前。
//www.xminseo.com/wp-content/uploads/2018/07/1-1.png
通过查看百度的快照，页面上的哪里击中了这些词，一目了然。
页面标头
//www.xminseo.com/wp-content/uploads/2018/07/2.png
页面的底部
//www.xminseo.com/wp-content/uploads/2018/07/3.png
页面清楚地显示了关键字的出现位置，发现除了正文部分以外还设置了很多模块。 这些模块看起来像简单的链接。 事实上，他们更重要的使命是服务SEO和提高关键字的密度。 另外，这些链接都是网站内部的链接，通过这样，也可以在不同的页面之间相互加权。 可以说是个小链接。 大学问！
你觉得这样就结束了吗？ 没什么。 仔细看看页面上这些模块的内容设置。 分别涵盖技术、视频等，可以说涵盖了seo教程周边的大部分需求。 这样，即使搜索“seo视频教程”和“seo技术教程”等关于“seo教程”的关键词，该页面的关键词数也会增加，容易曝光。
细枝末节但不可忽视的优化
页面上经常有各种各样的图像。 搜索引擎无法识别图像上的内容。 你可能知道代码中img标签的alt属性是为了在图像加载失败时让用户看到。 此属性显示了此图的内容。 其实搜索引擎在分析页面时，是根据这句话来判断图像的内容的，所以要在页面上有意义的图像上附加alt属性，把图像反映的内容写清楚。
页面上的出站链接(即指向另一个站点的a标记)必须附加nofollow标记，以避免对另一个站点进行加权。 百度蜘蛛忽略添加了nofollow的链接。 你也可以这样写在网页的元标签上。 这样，百度蜘蛛不会跟踪页面上的所有链接，但除非该页面上的所有链接都指向另一个域名，否则不建议这样做。
……
其他最佳化点
友谊链接
我们经常在页面的底部看到友谊的链接。 友谊链接是网站之间相互交换流量、互利合作的形式。 事实上，友谊链接对网站权重的提高起着重要的作用。 友链不仅可以引导用户浏览，搜索引擎也可以沿着链接循环爬行，有效提高网站流量和快照的更新速度。
关键词过滤器。
在站长工具、爱站网络或各种站长后台分析ip的来源、关键词的搜索热和关键词，以一定的密度将这些词追加到页面中，可以提高命中率。 这里主要是运营同学的工作，我不是专家，不展开，大家自己摸索更多的功能。
利用好的分析工具
我们可以在自己的网站上安装百度统计代码，分析网站内用户的关心度和阅读过程，从而不断优化网站的结构，提高用户的残存率。 此外，还可以创建用户图像和分析用户数据。
结语
想搞好SEO不是件容易的事，必须保持一定。 继续关注网站，继续更新。 不要从长期的计划中，投机取巧。 只谋求暂时的效果，进行违背搜索引擎的操作。 也就是说，常说的黑帽SEO，如果不被百度k掉下去就不会失去。
以上观点只是我最近学习的一些总结。 没有权威。 我希望不知道这个的研发同学轻松扫盲。 如果有错误的话，请大家改正和补充。
seo教程自学网络评价：
技多不安身是恒古不变的道理，作为前端，多学习前端周边的知识，例如seo，对提高生产力的结果是显而易见的。 作为seo技术人员，了解前端、了解服务器知识等也是如此。
参考资料：
链接： //www.im OOC.com/article/44513
seo需要掌握哪些技术//www.XMIN SEO.com/13767.HTML？
