SEO优化前端解决方案

原创

小哥 3年前 (2022-10-20) 阅读数 64 #Web前端

文章标签 SEO

前言

通常在"HTML语义化的好处"这样的问题有一点是“有益的”。SEO“那是什么呢？SEO呢？

SEO(SEO）

SEO，全名为 Search Engine Optimization ，翻译为SEO

这是一种误解，我在很多地方都看到过：SEO优化“，这是不合适的，O这封信已经包含了“优化”的意思。

SEO这是通过了解搜索引擎的运行规则来调整网站，提高目的地网站在相关搜索引擎中的排名的一种方式。由于许多研究发现，搜索引擎的用户往往只关注搜索结果中的前几个条目，许多网站希望通过各种形式来影响搜索引擎的排名，以便其网站能够有出色的搜索排名。其中，尤其是各式各样的网站依靠广告生存。

简单地说，这就是 通过SEO，网页可以在搜索结果中排名靠前。

搜索引擎如何搜索

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

title，description,keywords

创建唯一且关键的页面标题 `tittle`

在京东公司的案例中， <tittle> 标签可以告诉用户和搜索引擎特定网页的主题是什么。我们应该为网站上的每个页面创建唯一的标题，并避免与页面内容无关或使用默认的、模棱两可的标题，例如：


关于前端SEO的提示。
    
    
    
          
	      
	


我的文档

meta description

我们可以利用 meta description 标签要准确概括网页的内容，应避免内容中的关键字堆叠、描述过长、描述过于笼统和简单，如直接复制关键字或正文内容，或者“这是一个网页”这类没有实际意义的描述等现象。正确的演示如下：

meta keywords

使用 meta keywords 要提取网页的重要关键字，如

一些前端故意在这个标签里堆积大量的关键词，以便对网页有一个好的排名，这也是所谓的“黑帽法”之一。因此，搜索引擎已经优化了它们的爬行算法，以便为用户提供高质量的搜索结果--当大量的关键词堆积起来时，搜索引擎可能会降低这一排名，一般设置为使用3-4一个关键字就足够了。

注意

<title> 、 meta description 和 meta keywords 三者的权重依次降低。如果我们想要网页有一个好的排名，我们必须合理地使用这三个标签。

网页logo

搜索引擎识别的是文本，而不是图片。然而，在许多地方，我们必须为了美而使用图片。因此，有一种方法可以兼顾两者。致京东股份有限公司logo为例

将logo以 <a> 标签中插入了背景图片的形式，同时还有关键词内容，有助于搜索引擎抓取内容。

使用语义标签

在正确的位置使用正确的标签来表达正确的内容，让用户可以一目了然地看到文档的结构。例如使用 <h1> 可以让爬虫知道这是非常重要的内容。但是，值得注意的是，例如，我们不应该滥用标题元素或 <b> 、 <i> 这个标签没有实际意义。可以使用 <em> 、 <strong> 另外要强调的是， <h1> 的权重比 <h2> 权力很重要，我们不应该为了增加重量而滥用权力。 <h1> ，大体上 <h1> 身体的头衔。