如何为搜索引擎优化做出一点贡献呢？优化的技巧
优采云 发布时间: 2021-06-20 19:25如何为搜索引擎优化做出一点贡献呢？优化的技巧
我们经常可以在一些面试题中看到问题【HTML语义有什么好处？】很多人可以说好处之一是【对SEO的好处】。那么，什么是SEO，大家真的清楚吗？
搜索引擎优化 (SEO)
Search Engine Optimization（英文：Search Engine Optimization，缩写为SEO），根据维基百科的解释：
是通过了解搜索引擎的运行规律来调整网站，提高网站在相关搜索引擎中的排名的一种方式。很多研究发现，搜索引擎用户往往只关注搜索结果中的前几项，所以很多网站希望通过各种形式影响搜索引擎的排名，让他们的网站能够有出色的搜索排名。其中，以广告为生的各种网站非常重要。
也就是说，通过搜索引擎优化，我们的网站可以在搜索结果中排名靠前。
那么，作为前端，我们如何为搜索引擎优化做出一点贡献？
优化技巧
在学习如何优化之前，我们最好先了解一下搜索引擎在“百度”或“谷歌搜索”中的作用。
此视频解释了搜索引擎的工作原理。你需要去网上科学地看一下。当然，我会在这里总结一下这个视频的主要思想：
在搜索过程中，会从“蜘蛛”之前爬取的大量相关索引中搜索所有收录用户输入关键词的网页，然后根据算法给出每个网页的总分然后根据得分将搜索结果返回给用户。收录关键词的内容可以是文章titles、描述、关键词、内容，甚至链接。
从上面我们可以知道，如果要优化，可以从这几个方面入手。
创建唯一且准确的页面标题
标签告诉用户和搜索引擎特定网页的主题是什么。它应该放在 HTML 文档的元素中。我们应该为网站 上的每个页面创建一个唯一的标题，并尽量避免使用与页面内容无关的默认或模棱两可的标题。如：
1
2
3
4
5
前端搜索引擎优化的技巧
我的文档
使用元描述
我们可以使用元描述标签来准确概括网页的内容。我们应该避免关键词的内容堆积如山，描述太长，描述过于笼统和简单，如直接复制关键词或正文内容，或“这是一个网页”等现象没有实际意义。正确演示如下：
1
使用元关键字
我们可以使用元关键字来细化网页上的重要关键字，例如：
1
但是有的建站者为了页面的更好排名，故意在这个标签里堆放了大量的关键词，这就是所谓的“”之一。因此，为了给用户提供高质量的搜索结果，搜索引擎优化了自己的爬虫算法——当大量关键词堆积时，搜索引擎可能会降低这个网站的排名，甚至将其列入黑名单。所以我们需要谨慎使用这个标签。如果使用，一般设置3-4个关键词。
注意：元描述、元关键字的权重依次递减。要想网页排名好，就必须合理使用这三个标签。
使用语义元素
用合适的元素在合适的地方表达合适的内容，让用户和“蜘蛛”一目了然地了解文档的结构。例如，使用可以让“蜘蛛”知道这是一个非常重要的内容。但是，值得注意的是，例如，当我们要表达强调时，我们不应滥用标题元素或没有实际意义的标签。相反，我们可以使用 或 来表示强调。另外， 的权重大于 ，我们不应该滥用它来增加权重。一般来说，它用于文本的标题。
使用
alt 属性
alt 属性可以在图片显示不成功时用文字代替图片的展示，让“蜘蛛”抓取到这个信息。此外，它还可以解决浏览器禁用图像或屏幕阅读器解析的问题。
设置 rel='nofollow' 以忽略跟踪
如果某个链接不需要跟踪，添加rel='nofollow'通知“蜘蛛”忽略跟踪。因为“蜘蛛”给每个页面分配了一定的权重，为了集中页面权重，将权重分配给其他需要的链接，需要在不需要跟踪的链接上加上这个属性。
提高加载速度
我们应该尽量将结构（HTML）、表现（CSS）和行为（JavaScript）分开。如果在一个 HTML 页面中编写大量 CSS 样式或脚本，会降低其加载速度。另外，如果不是
定义宽高，会导致页面重新渲染，也会影响加载速度。一旦加载超时，“蜘蛛”就会放弃爬取。
扁平化网站structure
一般来说，一个网站的结构层次越少，越有利于“蜘蛛”的爬行。所以目录结构一般不超过3级，否则“蜘蛛”很容易不愿意继续往下爬。就像用户在操作网页一样，级别大于3会极大地影响用户体验，而“蜘蛛”就是模仿用户的心理。
合理安排重要内容的位置
我们应该把有重要内容的HTML代码放在最前面，因为“蜘蛛”爬取HTML的顺序是从上到下，有些搜索引擎对爬取长度有限制，所以一定要保证重要内容优先爬取另外，重要的内容不应该被JavaScript输出，因为“蜘蛛”无法读取JavaScript，同时，请谨慎使用iframe，因为“蜘蛛”一般不会读取其中的内容。
本文结束。
文中如有错误，请指正，见谅！
原文链接：
