这不会影响页面的排名，但可能有助于将点击量从SERP转移到。

重要的是要认识到在许多情况下搜索引擎会忽略描述属性的内容并在SERP中使用自己的描述。

如果您从事 SEO 一段时间，标题标签是您所熟悉的。

俗称“元标题”，这是一个用来定义页面标题的标签。位于网站的 处。

这样用户在访问网站时就看不到它。但是，它出现在 SERP 浏览器栏中，并允许您指示页面与搜索者查询（搜索机器人和用户）的相关性。

-

标题标签指示 HTML 内容的一部分应设置为标题样式。

标签位于页面的 部分，以便查看页面内容的用户可以看到文本。

标题标签应用于帮助构建页面。

创建网站时，开发人员确保样式与每个标题标签相关联。

这意味着

标签中包含的单词应该与

标签中包含的单词看起来不同。

这可以帮助用户识别某些文本何时是段落的一部分，例如标题或说明文字。

标题标签还可以帮助搜索引擎确定页面内容的结构。

链接标签和 Href 属性

作为 SEO 专业人员，我们花费大量时间寻找链接。

但是您知道链接是如何构建的以及为什么某些链接比其他链接更有价值吗？

标准超链接本质上是一个 标记。格式为：

链接锚文本位于此处。标签

表示这是一个链接。

href = 属性指示链接的目标（即链接到的页面）。

和标签之间的文本是锚文本。

这是用户将在页面上看到的可单击的文本。

这适用于页面 部分中出现的可点击链接。

标签用于将一个资源链接到另一资源，并显示在页面的 部分。

这些链接不是超链接且不可点击。它们显示了网络文档之间的关系。

Rel="nofollow" 属性

rel="nofollow" 属性告诉蜘蛛，href 属性中的 URL 不是它可以跟踪的 URL。

使用rel="nofollow"属性不会影响用户单击链接转到另一个页面的能力。它只影响机器人。

在 SEO 中使用此功能来阻止搜索引擎访问页面或阻止链接页面的好处。

就传统的SEO链接建设而言，这可以说使链接变得无用，因为链接的权重不会通过链接。

可以说，如果它提示访问者查看其链接到的页面，它仍然是一个有用的链接！

发布商可以使用“nofollow”属性来帮助搜索引擎了解链接的页面是否是付费的结果，例如广告。

这可以帮助阻止链接惩罚问题，因为发布商承认该链接是合法交易的结果，而不是试图操纵排名。

rel="nofollow" 属性可以基于单个链接使用，如下：

<a href=www.example.com rel="nofollow">链接的锚定文字在此处</a>

或者，如果在 中使用像“noindex”属性一样，页面上的所有链接都可以显示为“nofollow”：

<meta name =“ robots” content =“ nofollow” />

Google 如何使用 rel="nofollow" 属性

Google 在 2019 年宣布将对“nofollow”属性的使用进行更改。

这还包括一些附加属性的信息，这些属性可以用来代替“nofollow”，以更好地表达链接和着陆页之间的关系。

这些新属性是 rel="ugc" 和 rel="spoken"。

它们用于帮助 Google 了解发布商何时想要删除排名信号的着陆页。

rel =“赞助”属性，用于识别链接是否是付费交易的结果，例如广告或赞助。 rel="ugc" 属性用于标识链接是否是通过 用户生成的内容 （例如论坛）添加的。

谷歌还宣布，这些以及“nofollow”属性只是提示。

以前，Googlebot 由于“nofollow”属性而忽略了给定的链接，但现在它在建议中接受了该链接，但仍然将其视为“nofollow”不存在。

Hreflang 属性

hreflang 属性的目的是帮助发布商网站以多种语言显示相同的内容。

告诉搜索引擎向用户显示哪个版本的页面，以便他们可以用自己选择的语言阅读。

hreflang 属性与 标记结合使用。该属性指定引用的 URL 中内容的语言。

用在页面的中，其格式如下：

<link rel =“ alternate” href =“ https://example.com” hreflang =“ zh-CN” />

分为几个部分：

• rel="alternate"表示该页面链接了一个替代页面。
• href = 属性指示要引用的 URL。
• 语言代码是一个两个字母的名称，告诉搜索引擎链接到的页面使用的语言。这两个字母取自标准列表，即 ISO 639-1 代码。

hreflang 属性还可以用在非 HTML 文档（例如 PDF）的 HTTP 标头中或网站的 XML 站点地图中。

正确使用 hreflang 属性可能很棘手。有关其使用的更多信息，请参阅 Dan Taylor 关于正确实施的文章。

规范属性

链接标签的rel =“规范”属性允许SEO 专业人员指定网站或其他域的哪个其他页面应该是规范页面。页面

实际上是规范页面，即这是主页，其他页面可以复制。

从搜索者的角度来看，这表明发布者希望将该页面作为主页面进行排名，而不应该对副本进行排名。

规范属性如下所示：

<link rel =“ canonical” href =“ https://www.example.com/” />

此代码必须位于页面的 中。 “href=”之后声明的网页必须是搜索引擎应视为规范的页面。

此标签在两个或多个页面具有相同或几乎相同内容的情况下非常有用。

指定属性的使用。

网站的构建是为了对用户有用，例如电子商务网站上的产品列表页面。

例如，产品组的主类别页面（例如“鞋子”）可以包含有关“鞋子”的副本、标题和页面标题。

如果用户单击过滤器仅显示 8 号棕色鞋子，则 URL 可能会更改，但副本、标题和页面标题可能与“鞋子”页面相同。

这会产生两个相同的页面，但显示的产品列表除外。

在这种情况下，网站所有者可以在“8 号棕色鞋子”页面上放置一个指向“鞋子”页面的规范标签。

这有助于搜索引擎了解“Brown Shoes Ranking 8”页面不应该排名，而“Shoes”页面在两者中更重要，应该排名。

规范属性的问题

重要的是要知道搜索引擎仅使用规范属性作为指南，而不是作为要遵循的规范。

在许多情况下，系统会忽略规范属性并选择另一个页面作为集的规范属性。

图像

标签用于在 HTML 页面中嵌入图像。

图像标签不会按页面上的原样插入图像，而是以图像在页面上可见的方式引用它。

本质上是为存储在其他地方的图像创建一个容器。

标签的格式如下：

<img src =“ imagename.jpg” alt =“这是图像的说明”>

该标签包含两个属性，一个属性是标签工作所必需的，另一个属性可以留空。

Src 属性

src = 属性用于指代图像在页面上显示的位置。

如果图像与其显示的容器位于同一域中，则可以使用相对 URL（仅是 URL 的最后部分，而不是域）。

如果您想从其他网站下载图像，则必须使用绝对（完整）URL。

虽然该属性本身没有SEO目的，但它是图像标签发挥作用所必需的。

替代属性

上面的图像标签示例包含第二个 alt= 属性。

此属性用于定义在图像无法显示时应显示哪些替代文本。

alt = 属性必须出现在 标记中，但如果不需要替代文本，可以留空。

考虑在图像 alt= 属性中使用关键字有一些优点。搜索引擎无法准确确定图像的含义。

主要搜索引擎在识别图像内容方面已经取得了长足的进步。然而，这项技术还远非完美。

因此，搜索引擎将使用alt=属性的文本来更好地理解图像的含义。

使用可提升图像与页面主题相关性的语言。

这有助于搜索引擎识别页面与搜索查询的相关性。

请注意，这不是使用 alt= 属性的主要原因。

屏幕阅读器和辅助技术使用此文本来帮助技术用户理解图像的内容。

首先，必须考虑 alt= 属性，以使支持技术的用户可以访问该网站。这不应该为了 SEO 目的而牺牲。

结论

本文将向您介绍SEO中会遇到的基本HTML标签和属性。

但是，可以使用更多功能来创建功能齐全、可爬行和可索引的网站。

SEO 和开发技能之间的交叉是巨大的。

作为 SEO 专业人士，您越了解网站的结构就越好。

如果您想了解有关 HTML 和可用标签的更多信息，您可以使用 W3Schools 等资源。