网站前端工作人员必然会和seo打交道，seo的前端会更受欢迎。很多时候，从事网站前端开发的朋友对seo缺乏基本了解，导致整个网站建设和运营效率低下。其实seo对于前端是必须的，所以学一些一般的seo技巧，[...]
网站前端工作人员必然会和seo打交道，seo的前端会更受欢迎。
很多时候，从事网站前端开发的朋友对seo缺乏基本了解，导致整个网站建设和运营效率低下。事实上，搜索引擎优化对于前端是必要的。学习一些一般的seo技巧，不算费时费力，还能提高工作效率，提升自身能力，很不错。
R&D同学，其实很多人对SEO的概念并没有很深的理解。在技术博客中，很少提到这篇文章。今天我就拿自己的经历，简单的瞎了你。如有遗漏，请补充。
话很多，但是干货满了，请耐心看完！
什么是SEO:
以下内容摘自百度百科:
SEO(搜索引擎优化):中文翻译就是搜索引擎优化。搜索引擎优化(SEO)是利用搜索引擎的搜索规则来提高网站在相关搜索引擎中的自然排名的一种方法。SEO是指从网站结构、内容建设方案、用户互动交流、页面等方面进行合理规划的行为。，以便从搜索引擎获得更多的免费流量，从而使网站更适合搜索引擎的索引原则。
SEO原则
事实上，搜索引擎所做的工作相当复杂。这里简单说一下大概的流程。后续关于如何优化SEO也会根据这几点来描述。
页面抓取:蜘蛛从服务器请求页面并获取页面内容
分析入库:分析获取的内容，包含高质量的页面
检索排序:当用户检索关键字时，他们根据包含的页面中的某些规则进行排序，并将结果返回给用户
SEO优化
既然是优化，就要遵循SEO原则，知己知彼。鉴于上述三点，我们将分别进行描述。我们主要以百度蜘蛛为例。
页面抓取
如何吸引蜘蛛访问我们的网站，如何让蜘蛛频繁访问我们的网站。这里提出以下优化点:
提交页面。提交页面有几种不同的方式
站点地图提交。网站地图，顾名思义，就是网站地图。当一只蜘蛛来到我们的网站时，它会告诉它我们有多少页面，不同的页面是如何分类的，每个页面的地址是什么。在我们的指导下，蜘蛛可以轻松抓取所有内容。另外，如果你的页面分类数量很大，建议添加一个站点地图索引文件。如果网站经常更新添加新页面，建议及时更新站点地图文件；
自愿承诺。就是把你的页面直接扔到百度的界面，告诉百度你有哪些页面，这是最高效最快的记录方式。但是需要注意的是，百度对每天提交的次数是有限制的，重复提交重复页面会降低每天的限制，所以不建议重复提交收录的页面。有时间历程可以包容，请先耐心等待；
实时提交。在页面中安装百度给出的提交代码。当用户打开页面时，我会自动将页面提交给百度。这里不需要考虑重复提交的问题。
以上提交方式可以同时使用，不冲突。
确保蜘蛛能读懂我们的网页。
早在ajax不流行的时候，SEO其实对前端没有太多要求，或者说当时没有前端职业。所有页面都在服务器端呈现，用户和蜘蛛都可以友好地返回html。Ajax看起来最初是为了避免因为数据交互而不得不重新刷页面设计，但是已经被大规模滥用了。有些开发人员粗心大意，所有数据都是由ajax请求的，这使得蜘蛛无法顺利获取页面内容。幸运的是，这促进了前端的快速发展。
后来随着各种SPA单页应用框架的出现，前端开发人员不再需要关心页面的DOM结构，只需要关注业务逻辑。所有的数据都是通过Javascript发送ajax请求得到的，然后在客户端呈现。这就导致了老SEO的问题。百度的搜索引擎份额在国内是最高的，可惜不支持抓取ajax数据。于是开发人员开始想别的解决办法，比如检测出是爬虫，转发到专门的路由进行渲染，比如基于Node.js(现改名为帕格)的Jade引擎，就可以很好的解决这个问题。React和Vue，包括一个比较小的框架Marko，也拿出了相应的服务端渲染解决方案。详见相应文件，就不多说了。
网址和301
URL设置要合理规范，层次分明。如果网站后期发现URL不合理，需要重新替换，就会导致之前收录的页面失效，这就是我们所说的死链(这种情况属于死链的一种，404也属于死链)。所以在网站建设初期一定要做好长远规划。一旦发生这种情况，不用太担心。我们可以向搜索引擎投诉或者设置301跳转。
URL层次嵌套不要太深，建议不要超过四个层次。添加面包屑导航可以使页面层次化，也有助于为蜘蛛创建一个平滑的爬行路径。
另外，所有指向首页的域名都设置301跳转到同一个URL，可以避免分散权重。
分析仓储
蜘蛛在爬回页面时，需要对页面内容进行分析，选择最好的一个进行存储。为什么首选？我给你慢慢分析吧。
搜索引擎的目的是为用户提供高质量、准确的搜索结果。如果整个页面充斥着广告和各种不良信息，无疑会在很大程度上影响用户体验。
另外，你当然不希望自己辛苦的文章被别人轻易抄袭，所以搜索引擎可以在一定程度上帮助你避免这种情况。对于已经收录的内容，搜索引擎会降低权重，甚至直接排除这个页面。即便如此，为了保证页面的新鲜度，很多网站还是会抓取或者转载其他网站的内容。这就是我们经常听到的伪原创。所以，如果你想让你的页面包含更高的权重，就需要不断更新网站内容，而且是高质量的原创内容。
检索排序
我的理解是，页面收录后，会给每个页面加一些标签。这些标签将作为搜索结果排序的重要基础。例如，当用户搜索“搜索引擎优化教程”时，搜索引擎将在包含的页面中检索标记有“搜索引擎优化教程”的页面，并根据一系列规则对它们进行排序。因此，如何提高这些标签在搜索引擎中的权重是非常重要的。
TDK优化
TDK是seo页面中的缩写、页面描述和关键词设置。
& # 8221；T & # 8221表示页眉中的Title元素，这里可能会用到分词技术。写标题的时候，我们可以尽量做到>:不要再修改了，尽量简洁，尽量不要在标题中添加无意义的文字，以免干扰搜索引擎对网站主题的识别。
& # 8221；D & # 8221在页眉中表示描述元素，要知道描述是对网页的概述，是对标题的补充。因为标题只能写有限的几个字，所以描述要稍微详细一点补充，文章内容一般用一两句话概括。
& # 8221；K & # 8221表示页眉中的关键字元素，并提取页面中的主要关键字，其数量控制在3到6个之间。尽量让主要关键词出现。
以上内容摘自百度百科，这里需要补充几点。
TDK是搜索引擎判断页面主题内容的关键，所以页面的主要内容应该简洁地反映在标题中。如果主题较多，可以用一些符号来分隔不同的主题词，但关键词不能太多，最多不超过五个。
在关键词中，每个关键词用英文逗号隔开，三到五个最好。尽量覆盖每一个关键词。
描述是用自然语言描述一个页面的主要内容。在这里，重要的是每个关键词至少覆盖一次，以达到最佳效果。
提高页面关键词的密度
首先，一个概念叫做关键词密度。简单理解就是关键词在所有文本内容中所占的比例。提高关键词的密度有利于提高搜索引擎对相应关键词的搜索排名。但不仅仅是我们整个页面都是密密麻麻的。我们来分析一个案例。
我们在百度搜索“搜索引擎优化教程”，第一个是https://www.xminseo.com/,搜索引擎优化教程自学网站，所以我就不解释了。我们来分析一下携程为什么排名这么高。
通过看百度快照，你可以确切地看到这些词在页面上的位置。
页眉
页脚
该页面清楚地显示了关键词出现的位置。我们发现这个页面除了主体还有很多模块。这些模块看起来只是简单的链接。其实他们更重要的使命是服务SEO，提高关键词密度。同时，这些链接都指向网站内部。这样不同的页面也可以互相投票。可以说是小链接，大学问！
你以为结束了？没有。请仔细观察页面上这些模块的内容设置。涵盖技术、视频等。可以说，它涵盖了你想要的搜索引擎优化教程的大部分要求。这样，无论你搜索什么关于“seo教程”的关键词，比如“seo视频教程”、“seo技术教程”，你都会命中这个页面上的文字，这将增加这个页面上的关键词数量，更容易得到曝光。
细节优化但不可忽视
页面上经常会有各种图片，对于搜索引擎来说，它是不识别图片上的内容的。你可能知道代码中img标签的alt属性是为了图片加载失败的时候，给用户看的。这个属性表明了这张图的内容。其实搜索引擎在分析页面的时候，也会根据这个词去判断图片的内容，所以要给页面上有意义的图片都加上alt属性，写清楚图片索要反映的内容。页面上经常有各种图片。对于搜索引擎来说，他们不识别图片的内容。您可能知道代码中img标签的alt属性是为了让用户在图片加载失败时看到。此属性表示此图片的内容。其实搜索引擎在分析页面的时候，也会根据这个词来判断图片的内容，所以需要给页面上有意义的图片加上alt属性，把图片要求反映的内容写清楚。
页面上的出站链接(即指向其他网站的A标签)，我们应该向它添加nofollow标签，以避免它向其他网站输出权重。百度蜘蛛会忽略跟nofollow的链接。也可以写
……
其他优化点
链接交换
我们经常在页面底部看到友谊链接。友情链接是网站之间交流流量，互惠互利的一种合作形式。事实上，友情链接对提升网站的权重起着至关重要的作用。好友链不仅可以引导用户浏览，而且搜索引擎会沿着链接进行循环抓取，可以有效提高网站流量和快照更新速度。
关键词筛选
借助站长工具，爱站网或者各种站长背景，可以分析ip路由，关键词和相关词的搜索热度，然后将这些词添加到一定密度的页面，提高命中率。这里主要是操作同学的工作。我不专业，就不说了。我们将自己探索更多的功能。
充分利用分析工具
我们需要在自己的网站上安装百度统计代码，这样我们就可以分析用户在网站上的关注度和浏览过程，从而不断优化网站结构，提高用户的保留率。同时还可以制作用户头像，分析用户数据等等。
标签
做好SEO不是一件简单的事情，需要持之以恒，全面。关注网站，保持更新。长期来看，一定不能投机取巧，只做对搜索引擎有临时效果的操作，也就是常说的黑帽SEO，不然百度K掉了也得不偿失。
以上观点只是我近期研究的总结，不具有权威性。我希望能简单地蒙蔽一下不了解这篇文章的R&D学生。如有错误，请指正并补充！
Seo教程自学网评论:
熟练的人压不住自己，这是不变的真理。作为前端，学习更多的周边知识，如搜索引擎优化，对提高工作效率是显而易见的。作为一个seo技术人员，更多的了解前端和服务器知识也是同样的道理。
参考文献:
链接:https://www.imooc.com/article/44513
https://www.xminseo.com/13767.html，搜索引擎优化需要掌握哪些技术
