搜索引擎优化英文(什么是SEO，大家真的都清楚吗？(组图))

　　搜索引擎优化英文(什么是SEO，大家真的都清楚吗？(组图))

　　我们经常可以在一些面试题中看到问题【HTML语义有什么好处？】很多人可以说好处之一是【对SEO的好处】。那么，什么是SEO，大家真的清楚吗？

　　搜索引擎优化 (SEO)

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

　　是通过了解搜索引擎的运行规律来调整网站，提高网站在相关搜索引擎中的排名的一种方式。很多研究发现，搜索引擎用户往往只关注搜索结果中的前几项，所以很多网站希望通过各种形式影响搜索引擎的排名，做出自己的网站可以有很好的搜索排名。其中，以广告为生的各种网站就非常讲究了。

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

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

　　优化技术

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

　　/watch?v=BNHR6IQJGZs&feature=youtu.be

　　此视频如何搜索工作解释了搜索引擎的工作原理。你需要去网上科学地看一下。当然，这里我也会总结一下这个视频的主要思想：

　　在进行搜索时，它会从“蜘蛛”预先爬取的大量相关索引中搜索收录用户输入关键字的所有网页，然后根据每个网页的得分给出总分。算法，然后根据得分的高低将搜索结果返回给用户。收录关键词的内容可以是文章标题、描述、关键词、内容，甚至链接。

　　从上面我们可以知道，如果要优化，可以从这几个方面入手。

　　创建独特而准确的页面标题

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

　　

前端搜索引擎优化的技巧

我的文档

　　使用元标记

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

　　使用语义元素

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

　　用

　　Alt 属性在

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

　　设置 rel='nofollow' 忽略跟踪

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

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

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

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

　　扁平 网站 结构

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

　　合理安排重要内容的位置

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

　　本文结束。

　　文中如有错误，还望指正，见谅！

　　原文链接：caijialinxx.github.io/2018/07/30/seo-in-front-end/