搜索引擎优化宝典(前端如何性能优化页面抓取如何才能吸引蜘蛛光顾我们的网站)

　　搜索引擎优化宝典(前端如何性能优化页面抓取如何才能吸引蜘蛛光顾我们的网站)

　　什么是搜索引擎优化

　　让我们先了解搜索引擎 SEO，这个视频 How Search Works 解释了搜索引擎是如何工作的。

　　来看看百度百科

　　SEO（搜索引擎优化）：搜索引擎优化的中文翻译。搜索引擎优化是一种利用搜索引擎的搜索规则来提高网站目前在相关搜索引擎中的自然排名的一种方式。 SEO是指从网站结构、内容构建计划、用户交互与交流、页面等角度进行理性规划的行为，以期从搜索引擎获得更多的免费流量，让网站更适合搜索引擎的索引原理。

　　做什么

　　实际上，搜索引擎所做的工作是相当复杂的。这里简单说一下大致的流程。后续如何优化SEO也会根据这几点来说明。

　　然后我们可以根据这些项目来优化性能。 . .

　　如何优化前端页面抓取的性能

　　我们怎样才能吸引蜘蛛到我们的网站，我们怎样才能让蜘蛛频繁出现在我们的网站。以下是以下优化点：

　　1.提交页面。提交页面分为几种不同的方式

　　站点地图提交。顾名思义，站点地图是网站map。当蜘蛛来到我们的网站时，告诉它我们有多少个页面，不同的页面被分类，每个页面的地址是什么。按照我们的指导，蜘蛛将很容易地抓取所有内容。另外，如果您的页面类别较多且数量较多，建议添加站点地图索引文件。如果网站更新频繁添加新页面，建议及时更新站点地图文件；

　　主动提交。直接把你的页面扔到百度的界面，告诉百度你有哪些页面。这是最有效和收录 最快的方式。不过需要注意的是，百度对每日提交次数有限制，重复提交重复页面会降低每日提交次数，因此不建议重复提交已经收录的页面。 收录有时间课程，请耐心等待；

　　实时提交。安装页面中百度给出的提交代码。当用户打开该页面时，该页面将自动提交给百度。无需考虑重复提交的问题。

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

　　2. 确保我们的页面是蜘蛛可读的。

　　早在Ajax不流行的时候，其实SEO对前端没有太多要求，或者说当时没有前端专业。所有页面都在服务器端渲染，用户和蜘蛛都可以返回html友好的。 Ajax 最初的设计似乎是为了避免由于数据交互而需要刷新页面设计，但它已被*敏*感*词*滥用。有的开发者不顾一切的使用ajax请求所有数据，导致蜘蛛无法顺利获取页面内容。好在这促进了前端的快速发展。

　　后来各种SPA单页面应用框架的出现，使得前端开发者不再需要关心页面的DOM结构，而只需要关注业务逻辑。渲染。这也导致了常见的 SEO 问题。百度在国内搜索引擎中占有率最高，可惜不支持ajax数据的抓取。于是，开发者开始想其他的解决方案，比如检测到爬虫来了，转发到专门的路由去渲染，比如基于Node.js的Jade引擎（现在改名为Pug），就可以了解决这个问题。 React 和 Vue，包括一个相对小众的框架 Marko，也产生了相应的服务端渲染方案。详情查看对应文档，我就不多说了。

　　3.URL与301

　　URL 设置要合理规范，层次清晰。如果网站发现URL不合理，以后需要更换，就会导致收录的上一页失效，也就是我们所说的死链接（这种情况是一种死链接，而 404 也是死链接）。所以我们必须在网站建设之初就制定一个长远的计划。一旦发生这种情况，不要太担心。我们可以向搜索引擎投诉或设置301重定向来解决。

　　URL层级不要嵌套太深，建议不要超过四层。添加面包屑导航可以使页面层次清晰，也有助于为蜘蛛创建平滑的爬行路径。

　　另外，将所有指向首页的域名设置301重定向到同一个网址，可以避免去中心化。

　　分析和存储

　　蜘蛛抓取页面后，需要对页面内容进行分析，选择最好的收录进行存储。为什么它是最好的选择？让我慢慢为你分析。

　　搜索引擎的目的是为用户提供高质量、准确的搜索结果。如果整个页面充斥着广告和各种不良信息，无疑会在很大程度上影响用户体验。

　　另外，你绝对不希望你的辛勤工作文章被别人轻易复制，所以搜索引擎可以在一定程度上帮助你避免这种情况。对于已经收录的内容，搜索引擎会降低权重，甚至直接不收录这个页面。即便如此，为了保证页面的新鲜度，很多网站还是会爬取或转发其他网站的内容。这是我们经常听到的伪原创。所以，如果你想让你的页面收录更高的权重，你需要坚持更新网站内容，成为高质量的原创内容。

　　搜索顺序

　　我对此的理解是，页面是收录之后，每个页面都会被打上一些标签。这些标签将作为对搜索结果进行排序的重要基础。例如，如果用户搜索“北京旅游”，搜索引擎会在收录页面中检索带有“北京旅游”标签的页面，并按照一系列规则对其进行排序。因此，如何提高这些标签在搜索引擎中的权重非常重要。

　　1.TDK 优化

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

　　“T”代表页眉中的标题元素。这里也可能用到分词技术。标题（Title）写好时，我们会尽力>不要修改，尽量简洁无意义尽量不要在标题中添加文字，以免干扰搜索引擎识别网站topic。

　　其中，“D”代表页眉中的描述元素。要知道，描述是网页的概述，是对标题的补充。因为标题只能写字数有限，所以描述要稍微详细一些 另外文章的内容一般是一两句概括的。

　　“K”代表页眉中的关键字元素。提取页面中的主要关键词，数量控制在三到六之间。想办法让主要关键词出现。

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

　　TDK是搜索引擎确定页面主题内容的关键，所以页面的主要内容要简洁明了，在标题中体现简洁。如果主题较多，可以用一些符号来分隔不同的主题词，但关键词不要太多，最多不超过五个。

　　在关键字中，每个关键词用英文逗号隔开，三到五个最好。尽量覆盖每一个关键词。

　　description 是用自然语言描述页面的主要内容。这里需要注意的一件事是每个关键词 至少覆盖一次以达到最佳效果。

　　改进页面关键词density

　　首先，让我们谈谈一个概念，称为关键词密度。简单理解就是关键词在所有文字内容中的比例。增加关键词的密度，有利于提高对应关键词的搜索引擎排名。但这并不是说我们的整个页面都密密麻麻地塞满了关键点。我们来分析一个案例。

　　其他优化点 创建一个独特而准确的页面标题

　　标签告诉用户和搜索引擎特定网页的主题是什么。它应该被放置在 HTML 文档的一个元素中。我们应该为网站 上的每个页面创建一个唯一的标题，并尽量避免使用与页面内容无关的默认或模棱两可的标题。如：

前端搜索引擎优化的技巧

我的文档

使用 元标签

　　关键词元数据，我们可以用来提炼网页的重要关键词，描述元数据可以准确概括网页的内容，避免关键词在描述元数据、描述的内容中堆砌太长，或者“这是一个网页”这种描述没有实际意义等等。正确的演示如下：

　　使用语义元素

　　用合适的元素在合适的地方表达合适的内容，让用户和“蜘蛛”一目了然地了解文档的结构。例如，使用可以让“蜘蛛”知道这是一个非常重要的内容。但是，值得注意的是，例如，当我们要表达强调时，我们不应滥用标题元素或没有实际意义的标签。相反，我们可以使用 或 来表示强调。另外， 的权重大于 ，我们不应该滥用它来增加权重。一般来说，它用于文本的标题。

　　使用

　　alt 属性

　　alt 属性可以在图片显示不成功时用文字代替图片的展示，让“蜘蛛”抓取到这个信息。此外，它还可以解决浏览器中禁用图像或屏幕阅读器解析的问题。

　　设置 rel='nofollow' 以忽略跟踪

　　如果某个链接不需要跟踪，添加rel='nofollow'通知“蜘蛛”忽略跟踪。因为“蜘蛛”给每个页面分配了一定的权重，为了集中页面权重，将权重分配给其他需要的链接，需要在不需要跟踪的链接上加上这个属性。

　　尽量保证 HTML 的纯度和高质量

　　我们应该尽量将结构（HTML）、表现（CSS）和行为（JavaScript）分开。如果在一个 HTML 页面中编写大量 CSS 样式或脚本，会降低其加载速度。另外，如果不是

　　定义宽高，会导致页面重新渲染，也会影响加载速度。一旦加载超时，“蜘蛛”就会放弃爬行。如果该HTML文档的内容比较独特、丰富（合理插入图片描述）等，则认为质量较高，满足用户需求，从而提高SEO排名。

　　扁平化网站structure

　　一般来说，网站的结构越小，越有利于“蜘蛛”的爬行。所以目录结构一般不超过3级，否则“蜘蛛”很容易不愿意继续往下爬。就像用户在操作网页一样，级别大于3会极大地影响用户体验，而“蜘蛛”就是模仿用户的心理。

　　合理安排重要内容的位置

　　我们应该把重要内容的HTML代码放在最上面。最重要的内容被认为是最重要的。先让蜘蛛读取，抓取内容关键词。此外，重要的内容不应由 JavaScript 或 iframe 输出。 “蜘蛛”无法读取 JavaScript，一般不会读取 iframe 中的内容。

　　友情链接

　　我们经常在页面底部看到友情链接。友情链接是网站之间交流流量的一种合作形式，互惠互利。事实上，友情链接对于增加网站的权重起到了至关重要的作用。好友链不仅可以引导用户浏览，搜索引擎也会跟随链接形成循环抓取，有效提升网站流量和快照的更新速度。

　　关键词filter

　　借助站长工具，爱站网或各种站长背景，我们可以分析出关键词的ip来源，以及搜索热度和相关词，我们会将这些词添加到页面中一定的密度，以提高命中率。这里主要是操作学生的工作。我不专业，就不多说了。更*敏*感*词*可自行探索。

　　善用分析工具

　　我们需要在我们的网站上安装百度统计代码，以便我们分析用户在网站中的关注度和浏览过程，从而不断优化网站结构，提高用户的留存率。同时还可以进行用户画像、用户数据分析等。