前端搜索引擎优化（SEO）的技巧

我们常常可以看到一些面试题中有问【 HTML 语义化的好处是什么】，很多人都可以溜溜地说其中一个好处就是【有利于 SEO 】。那么，什么是 SEO ，大家真的都清楚吗？

搜索引擎优化（英语： Search Engine Optimization ，缩写为 SEO ），根据维基百科的解释是：

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

那么，作为一个前端，我们该如何为搜索引擎优化做出一点贡献呢？

在学习如何优化之后，我们最好了解一下当我们在“百度一下”或者“ Google 搜索”时，搜索引擎都做了一些什么。

https://www.youtube.com/watch?v=BNHR6IQJGZs&feature=youtu.be

这个视频 How Search Works 解释了搜索引擎是如何工作的。需要科学上网才能看得到，当然在这里我也会总结一下这个视频的大意：

当搜索进行时，它会从“蜘蛛”事先抓取到的大量有关联性的索引中，搜索所有包含用户输入的关键字的网页，然后根据算法给出每个网页一个总评分，再根据评分的高低给用户返回搜索结果。而这些包含关键字的内容，可以是文章标题、描述、关键字、内容、甚至是链接等。

由上可以得知，要想优化，我们可以从这些方面入手。

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

我们可以使用 的 keywords 元数据来提炼网页重要关键字，以及 description 元数据准确总结网页内容，而避免在 description 元数据的内容中出现关键词的堆砌，描述过长，或“这是一个网页”这种没有实际性意义的描述等现象。正确示范如下：

在合适的位置使用合适的元素表达合适的内容，让用户和“蜘蛛”能一目了然文档结构。例如使用 可以让“蜘蛛”知道这是很重要的内容。然而，值得注意的是，例如在想要表达强调时，我们不应该滥用标题元素或者 、 这种没有实际意义的标签，换而可以使用 或 来表示强调。此外， 的权重比 的大，我们不应该为了增大权重而去滥用 ，一般来说 用于正文的标题。