从前端的角度解释SEO的达成方法

2022-06-27 12:30:50

字体：大中小

来源：转载

供稿：网友

　　SEO（search engine optimization，SEO）是传说中的SEO，指的是通过优化行为来增加自然搜索结果中包含的页面数，提高搜索引擎的排名地位。我认为这是一种说起来简单，但操作复杂的技术。它只能被理解而不能表达。作为一个前端工程师，你不需要精通SEO，但你必须了解它。SEO有一个不变的原则，它总是在变化，因为没有固定的优化方案，每个人都可以应用。但我们仍然可以找到一些基本的或公认的规则来进行网站SEO。更重要的是，我们应该有自己的实践，不断为自己找到有效的SEO方法。

　　前端是网站建设中非常重要的一个环节，本文着重从前端的角度阐述SEO的实现。前端工作主要负责HTML+CSS+JS页面，优化这些方面将为SEO工作打下坚实的基础。突出重要内容可以让搜索引擎判断当前页面是什么，提高网站访问速度可以让搜索引擎的蜘蛛顺畅、快速、大量地抓取网页内容，所以我将重点突出重要内容和提高网站速度进行总结。

　　从宏观上看，我认为SEO有三个最重要的规律，即原创内容、高质量的外部链接和持续适度的优化。

　　合理的标题、描述和关键词

　　标题：强调重点。重要关键字出现次数不应超过2次。另外，每页的标题应该有所不同，如下图所示：

　　虽然对这三个项目的搜索权重逐渐降低，但我们还是希望能合理地写出来，只写有用的东西。我们不应该在这里写小说，而应该表达重点。

　　描述：在这里总结网页的内容。长度要合理，关键字不要堆积太多。每一页的描述应该是不同的，如下图所示：

　　编写HTML代码在语义上符合W3C标准。

　　关键词：列出几个关键词，但不要堆积太多。

　　对于搜索引擎来说，最直接面对的是网页的HTML代码，如果代码是按语义编写的，搜索引擎很容易理解网页的意思来表达。例如，文本模块应该有大标题，合理使用h1-h6，列表代码使用UL或ol，重要文本使用强等。当然，chrome和chrome的主要工作就是充分利用各种浏览器标签。

　　搜索引擎从上到下获取HTML内容。使用这个特性，我们可以让代码先读，而不重要的代码，例如广告，放在底部。例如，如果左右列中的代码保持不变，只需更改样式并使用浮动：左；以及浮动：右；你可以随意交换两列在显示屏上的位置，以确保重要代码在最上面，让爬虫先抓取。这同样适用于多个列的情况。

　　spider不读取JS中的内容，所以重要的内容必须放在HTML中。

　　搜索引擎不会抓取iframe中的内容，重要内容不应该放在框架中。

　　当网络速度很慢，或者图像地址无效时，可以反映alt属性的作用。当图像未显示时，它可以让用户知道图像的角色。

　　当可以显示图片时：

　　当图片无法显示时：

　　如果需要考虑用户体验和SEO效果，我们可以使用样式控制使文本文本不出现在浏览器中，但是标题包含在网页代码中必须使用图片的地方，比如个性化的字体标题。

　　例如，在这里的“电视剧分类”中，为了还原设计图，前端工程师可以制作文本背景图像，然后使用样式将HTML中文本的缩进量设置为足够大的负数以偏离浏览器，或者使用设置行高的方法来隐藏文本。注：不可用显示：无；因为搜索引擎会过滤掉显示：无；里面的内容不会被蜘蛛搜索。
从前端的角度解释SEO的达成方法