前端优化的方法有哪些_前端工程师的SEO优化

链接数量不宜太少，以保证与其他页面的相关性；也不能太多，否则会增加爬虫的负担。一般在100以内

导航优化

最好使用文字作为导航，这样更容易被蜘蛛识别。如果必须使用图像链接，请务必添加 alt 和 title 属性以进行解释。

使用面包屑导航不仅可以改善用户体验，还可以增加页面之间的相关性。

页面大小

页面大小不宜太大

其他细节

在各种细节上注意页面的相关性以及页面的层次复杂性。

以翻页控件为例，我们通常可以看到三种实现方式

代码优化语义标签

小蜘蛛也认识标签。 h5中很多新的语义标签都可以被小蜘蛛识别，并且有不同的权重值。

例如，当小蜘蛛看到h1标签时，它就会知道这是网站的标题，其中一定包含重要信息。当它看到P时，它会知道它是正文，当它看到P时，它会知道它是强调内容等，而整个页面是用div构建的。与上面相比，语义标签无疑让小蜘蛛走得更顺利，让他知道重点是什么。

这里很容易被忽视的是br表示文本回车，所以不要为了空行而在标签之间写br。

标题、关键词、描述

页面的标题、关键词、描述也是优先被抓取的内容，它们之间以及它们与网站内容之间的相关性越大，就越容易被收录。

MOOC关键词和描述信息

其他添加了标签的rel属性用于描述链接，增强页面内部的相关性。如果是需要爬取的外部链接，则写为

用于meta元标签：
//告诉爬虫该页面上所有链接都无需追踪。
用于a标签：登录
//告诉爬虫该页面无需追踪。

将页面的重要部分放在前面。例如，对于一个网站，布局是这样的：广告空间在左侧，文本在右侧。最好将广告空间放置在 HTML 结果中的下方，并将其浮动到左侧。不要使用js输出重要信息。不要使用它。爬虫无法获取。信息爬虫会过滤样式为：none的部分。其他提示。把重要的内容放在前面。不要使用js输出重要内容。不要使用:none 属性来过滤摘要。

网页布局优化和代码优化从前端开发的角度实现SEO。可以更直观地理解：我们的目的就是吸引这只“小蜘蛛”过来“吃东西”。

对于一些推广需求较强的商业网站，前端工程师需要养成良好的开发习惯，在开发时将SEO优化作为常态。这是全站SEO的有力武器。

参考：

百度蜘蛛抓取规则