网站的前端工作人员必然会和seo打交道，可以做seo的前端也更受欢迎。

很多情况下，从事网站前端开发的朋友对seo缺乏基本知识，导致整个网站的建设，运营效率低。 其实seo对于前端来说是必要的，可以学习通用的seo技术，不花时间和精力，提高工作效率，提高自己的能力，非常好。

研发的同学，其实很多人并不深刻理解SEO这个概念。 在技术博客中，提到这个块的也很少。 今天带着自己的经验，简单地给大家打扫一下百叶窗，有什么遗漏的地方，欢迎大家补充。

文字内容有点多，但有很多晾衣架，请耐心阅读！

什么是SEO？

以下内容摘自百度百科：

SEO (搜索引擎)

Optimization ( )汉译针对搜索引擎进行了优化。 搜索引擎优化是一种利用搜索引擎的搜索规则来提高当前网站在搜索引擎中的自然排名的方法。 SEO是为了从搜索引擎获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度合理规划，使网站符合搜索引擎索引原则的行为。

SEO原理

其实搜索引擎的工作相当复杂，所以在这里简单说明一下大致的过程。 之后，关于如何对SEO进行优化，也将根据这几点进行说明。

页面捕获：蜘蛛向服务器请求页面并获取页面内容

分析入库：分析获取的内容，收录优质网页

检索排序：用户检索关键词时，从收录的页面开始按照一定的规则进行排序，并向用户返回结果

搜索引擎优化

既然是优化，我们就要按照SEO的原理去做，可谓知己知彼，百战不殆。 就上述3点分别进行阐述。 这里主要以百度蜘蛛为例。

捕获页面

怎样才能把蜘蛛吸引到我们的网站上，怎样才能让蜘蛛经常加入我们的网站？ 在此，提出几个优化点。

提交页面。 提交页面有几种不同的方法

sitemap提交。 sitemap正如其名，是网站的地图。 当蜘蛛来到我们的网站时，它会告诉我们我们有多少页，不同的页面是按什么分类的，每页的地址是什么。 沿着我们的指引，蜘蛛会很容易地爬上所有的内容。 另外，如果页面分类多且数量多，建议添加sitemap索引文件。 如果站点经常更新以添加新页面，建议您立即更新sitemap文件。

主动提出。 就是把你的页面直接掉在百度的界面上，亲口告诉百度有哪些页面。 这是最高效、收录最快的方法。 不过，百度每天提交的数量有限制，重复提交页面会降低每日限额，因此收录的页面不建议重复提交。 收录会经过一段时间，请稍等；

实时提交。 页面安装百度提交的代码，此页面被用户打开后，会自动将此页面提交给百度。 在这里没有必要考虑重复提交的问题。

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

我保证我们的页面能看懂蜘蛛。

在ajax还不流行的时候，其实对SEO前端的要求并不多。 或者说，那个时候还没有前端这个职业。 所有页面都在服务器端进行渲染，无论用户还是蜘蛛都可以轻松返回html。 ajax原本似乎是为了避免有数据交换而不得不刷新页面而设计的，但被大规模滥用，一些开发者不管三七二都用ajax请求所有数据，导致蜘蛛无法很好地获取页面内容。 幸运的是，这反而促进了尖端的快速发展。

之后，由于出现了各种各样的SPA单页面APP框架，前端开发者不再在意页面的DOM结构，只集中在业务逻辑上，数据都是由Javascript发送ajax请求，将数据发送给数据结果，发生了从以前就经常成为话题的SEO问题。 百度在国内搜索引擎占有率最高，但遗憾的是不支持ajax数据爬网。 于是，开发者开始考虑另一种解决方案。 例如，检测出是爬行动物，将其单独传输到特别的路线进行渲染。 例如，基于Node.js的Jade引擎(现在改名为Pug )可以很好地解决这个问题。 React和Vue还提供了相应的服务最终呈现解决方案，包括相对较小的框架Marko。 有关详细信息，请参阅相应的文档。 不多说。

URL和301

URL设置必须合理，层次结构清晰。 到了后期，当网站意识到必须强行更换URL的时候，之前收录的页面就会失效，这就是我们所说的死链。 (这种情况下是死链的一种，404等也属于死链。 所以，从网站建设的初期就要制定长远的计划。 为了避免出现这种情况也过于担心，可以通过向搜索引擎投诉或设置301跳转来解决。

不要加深URL级别的嵌套。 建议4级以下。 添加面包屑导航，页面层次清晰，也有助于创建蜘蛛顺畅的攀登路径。

另外，通过将首页的域名全部设定为301并跳转到同一URL，可以避免权重的分散。

分析入库

蜘蛛抓回页面后，需要分析页面内容，优先收录入库。 为什么说是偏好呢？ 让我慢慢分析你。

搜索引擎的目的是为用户提供高质量、准确的搜索结果。 如果整个页面上充满广告和不良信息，一定会严重影响用户体验。

除此之外，你一定不想让别人轻易抄写自己辛苦创作的文章，所以搜索引擎在一定程度上有助于避免这种情况。 对于已经收录的内容，搜索引擎有时会降低其权重，不直接收录这个页面。 尽管如此，为了保持页面的新鲜度，很多网站还是会爬上或转载其他网站的内容。 这就是我们经常听到的。 是伪原创。 因此，要确保您的页面被高权重收录，您必须坚持更西部数码代理商网站的内容，并且是高质量的原创内容。

搜索排序

我的理解是，页面收录后，会在每页上挂上tag。 这些tag是搜索结果排序的重要依据。 例如，当用户搜索“seo教程”时，搜索引擎会搜索收录页面中标记为“seo教程”标签的页面，并根据一组规则进行排序。 因此，如何提高这些tag在搜索引擎内的权重是很重要的。

TDK优化

TDK是seo页面的页面描述和关键字设置的缩写。

这里，“t”表示页面开头的title元素，这里可能也使用分词技术，但一旦写了标题“title”，我们就尽量

不要再修改，尽量简洁，无意义的词尽量不放在标题里，不要妨碍搜索引擎识别网站主题。

其中" d "表示页面开头的description元素。 要知道，说明是网页的概要，也是title的补充。 因为title只能写有限的字数，所以在description中一般会稍微补充一下，用一两句话来概括文章的内容。

其中，“k”表示页面开头的keywords要素，提取页面中的主要关键字，数量控制在3~6个以内。 设法让主要关键词都出现。

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

TDK是搜索引擎判断页面主题内容的关键，所以必须在title中简洁地表达页面的主要内容。 如果主体很多，可以用几个符号分隔不同的主题词，但关键字不能太多，最多不能超过5个。

在keywords中，用英语逗号分隔各关键字，3~5个最合适。 尽量覆盖各个关键词。

description是用自然语言描述页面的主要内容。 这里需要注意的一点是，至少覆盖每个关键字一次可以获得最佳结果。

提高页面的关键字密度

首先说概念。 叫做关键词密度。 简单的理解是指关键字出现在所有文字内容中的比例。 增加关键词密度有助于提高搜索引擎对相应关键词的搜索排名。 但是，并不是我们的整个页面都密密麻麻地堆积着重要的点就可以了。 分析一下一个案例吧。

我们在百度上搜索“seo教程”，第一名是云天下seo研究院https://www.yuntianxia.com/，这个就不赘述了。 让我们来分析一下为什么座椅唇会排在这么靠前的位置。

看看百度的快照，就一目了然页面上哪里是对这些词的命中。

页首

页面的底部

页面清楚地显示了关键词的出现地点。 我发现这个页面除了正文部分以外，还设置了很多模块。 这些模块看起来像是简单的链接，但实际上他们更重要的使命是服务SEO，增加关键字的密度。 另外，这些链接都是指向网站内部的链接，通过这样做，还可以在不同的页面之间相互投射权重。 缩小链接，大学可以听！

你觉得这样就结束了吗？ 不。 请仔细查看页面上这些模块的内容设置。 可以说分别涵盖了技术、视频等，涵盖了seo教程周边的大部分需求。 由此，即使检索" seo动画教程"" seo技术教程"等与" seo教程"相关的关键词中的任意一个，也会命中该页面的语句，因此该页面的关键词数量增加，容易获得曝光

枝节优化不容忽视

页面上经常有各种各样的图像，但对搜索引擎来说无法识别图像的内容。 您可能知道代码中img标签的alt属性是为了在图像加载失败时向用户显示。 此属性显示了此图的内容。 其实搜索引擎在分析页面的时候，是通过这句话来判断图片的内容的，所以页面上所有有意义的图片都要附上alt属性，清晰地写下图片要反映的内容。

页面上的出站链接(指向其他站点的a标记)将标记为nofollow，以避免向其他站点输出权重。 百度蜘蛛无视放了nofollow

请参阅。 也可以在网页的元标签上这样写

，这样的话，百度蜘蛛不会追踪页面上的所有链接，但除非此页面上的所有链接都指向其他域名，否则不推荐。

……

其他优化点

友情链接

我们经常在页面的底部看到友谊的链接。 友情链接是网站之间相互交换流量、互利合作的形式。 事实上，友情链接在提高网站权重方面起着重要的作用。 友好链不仅可以引导用户浏览，搜索引擎也可以沿着链接循环攀登，有效提高网站流量和快照的更新速度。

关键词筛选

利用站长工具、爱站网或各种站长后台，可以分析ip的来路、关键词的搜索热度和关键词。 通过以一定密度将这些词添加到页面中来提高命中率。 这里主要是办同学的工作，我不专业，所以不开展，大家一起探索更多的功能。

利用良好的分析工具

我们可以在自己的网站上安装百度二维码，分析网站内用户的关注度和浏览流程，不断优化网站结构，提高用户留存率。 同时还可以制作用户图像，分析用户数据。

结语

做好SEO不是一件容易的事情。 有必要耐心、全面地进行。 持续关注网站，保持更新。 长远的计划，不能投机取巧。 不能只追求暂时的效果，进行违反搜索引擎的操作，也就是所谓的黑帽SEO。 否则，就要避免被百度k刷掉吃亏。

以上观点只是我最近学习的总结，没有权威，希望不了解此事的研发同学能轻松打扫百叶窗。 如果有错误的话，请指出和补充。

云天下SEO研究所评论：

技能多而无法掌握是亘古不变的道理，作为前端，学习更多像seo这样的前端周边知识显然会带来提高工作效率的结果。 作为seo技术人员，熟悉前端、了解服务器知识等也是如此。

详情请访问云服务器、域名注册、虚拟主机的问题，请访问西部数码代理商官方网站： zhuji.chenqinet.cn