我们经常看到一些面试题问【HTML语义有什么好处】，很多人说一个好处就是【有利于SEO】那么，什么是SEO，你真的了解吗？

搜索引擎优化 (SEO)

搜索引擎优化（英文： ，缩写为 SEO ），根据维基百科：

通过了解搜索引擎的运行规律来调整你的网站，提高你的目标网站在相关搜索引擎中的排名方式。由于很多研究发现搜索引擎用户往往只关注搜索结果中的前几项，所以很多网站希望通过各种形式影响搜索引擎的排名，从而让自己的网站获得优秀的搜索结果。排行。其中不乏各种靠广告为生的网站。

也就是说，通过搜索引擎优化，我们的网站可以在搜索结果中排名靠前。

那么，作为前端，我们怎样才能为 SEO 做一点贡献呢？

优化技巧

在学习如何优化之前，我们最好先了解一下我们“点击百度”或“搜索”时搜索引擎的作用。

搜索引擎是如何工作的？

在搜索过程中，搜索引擎利用一些网络爬虫来跟踪网页中的链接和内容，并通过对爬取文件的分析将其写入数据库。当用户输入关键字进行搜索时，它会与数据库中的信息进行比较，然后根据算法给每个网页打一个总分，然后根据得分将搜索结果返回给用户以显示相应的网站也就是说，搜索勤奋决定了你的网站排名。包含关键字的内容可以是文章标题、描述、关键字、内容，甚至是链接。

从上面可以看出，为了优化，我们可以从这几个方面入手。

网页优化3剑客，标题，，

创建一个独特而准确的网页标题

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

<title>前端搜索引擎优化的技巧title>
<title>我的文档title>
复制代码

使用元

我们可以使用元标记来准确地总结网页内容。应避免内容中关键词堆积，描述过长，描述过于笼统、简单，如直接复制关键词或文字内容，或“这是网页”等没有实际意义的现象正确的例子如下：

'description' content='本文主要介绍搜索引擎优化（SEO）的技巧，如使用title、description、keywords、语义化标签、img的alt属性等。'>
复制代码

使用元

我们可以使用meta从网页中提取重要的关键词，比如：

'keywords' content='SEO,搜索引擎优化,网页排名优化'>
复制代码

但是，有些建站者为了让自己的网页有更好的排名，故意在这个标签里堆放很多关键词，这就是所谓的“黑帽方法”之一。因此，为了给用户提供高质量的搜索结果，搜索引擎会优化自己的爬取算法——当大量关键词堆积时，搜索引擎可能会降低这个网站的排名，甚至将其列入黑名单。因此，我们需要谨慎使用这个标签。如果使用的话，一般可以设置3-4个关键词。

注意： 、 meta 和 meta 的权重依次递减。想要我们的网页有好的排名，就必须合理使用这三个标签。

网站优化提示 URL logo

搜索引擎识别文字，而不是图片。但是有很多地方我们必须使用图片来满足审美需求。所以，让我们谈谈两者兼而有之的方法。以网站的logo为例

使用语义元素

在正确的地方使用正确的元素来表达正确的内容，让用户和“蜘蛛”一目了然地了解文档结构。例如使用可以让爬虫知道这是重要的内容。但是，值得注意的是，例如在想要表达强调的时候，我们不能滥用标题元素 or 等​​无意义的标签，而可以使用 or 来表达强调。另外搜索引擎优化， 的权重比 的大，我们不应该为了增加权重而滥用它。一般来说，它用于文本的标题。

利用

中的alt属性

alt属性可以在图片显示不成功时，用文字代替图片的呈现方式，让“爬虫”捕捉到这些信息。此外，它还可以解决浏览器禁用图像或屏幕阅读器解析等问题。

设置 rel='' 忽略跟踪

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

提高加载速度

我们应该尝试将结构（HTML）、表示（CSS）和行为（）分开。如果您在 HTML 页面中编写大量 CSS 样式或脚本，则会降低其加载速度。另外，如果你写的不多

定义宽度和高度，这会导致页面重新渲染，也会影响加载速度。一旦加载超时，“爬虫”就会放弃爬取。

扁平化网站结构

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

合理安排重要内容的位置

我们应该把包含重要内容的HTML代码放在最前面，因为“爬虫”爬取HTML的顺序是从上到下。最新的搜索引擎对爬取的长度有限制，所以一定要先爬取重要的内容。而且搜索引擎优化，重要的内容不应该输出，因为“爬虫”没有办法阅读，同时使用less，因为“爬虫”一般不会读取里面的内容。