HTML是构成大多数网页基础的标记语言和属性之间的区别

此元素是标题,将用作网页上的可见标题,以介绍有关小猫的内容。为了制作有用的网页,需要一些关键标签。body标签包含访问者将在页面上看到的信息。在创建网站时,开发人员将确保样式与每种标题标签相关联。标题标签还可以帮助搜索引擎确定页面上内容的结构。=”之后声明的网页应该是您希望搜索引擎将其视为规范页面的页面。网站的建立方式可能对用户有用,例如电子商务网站上的产品列表页面。

HTML 是构成大多数网页基础的标记语言。

它可以说是 SEO 技术中最基本的部分之一。

使用 HTML 元素,SEO 专业人员可以将有关页面的信息传达给用户和搜索机器人。

这有助于阐明页面上内容的重要性、性质和顺序,以及它与其他网页的关系。

标签和属性之间的区别

要了解标签和属性之间的区别,我们需要确保使用正确的术语。

许多人交替使用“标签”和“属性”这两个词,但请准确。

以下 HTML 元素被格式化为三个部分:

例如:

欢迎来到我关于SEO的页面

该元素是标题,将用作网页上的可见标题,以介绍有关小猫的内容。

标签

一个标签必须有一个开始和结束元素,标签才能工作。

还有比如

,没有内容或结束标签。

属性

向元素添加属性以修改它们。它们在内部元素中,例如:

3个基本的HTML标签

为了制作有用的网页,需要一些关键标签。

标签是网页上的第一个标签。

它本质上将页面介绍为网页。

标记介绍页面的第一部分。

这是关于页面的信息,不显示在页面上。

知道这一点很重要,因为这是 SEO 的一些关键标签所在的位置。

body 标签包含访问者将在页面上看到的信息。

这是保存副本、图像和视频的地方。

正文还将包含我们稍后将讨论的其他一些 HTML 标记。

SEO 的常用标签及其中使用的属性

标记位于页面中间。

它可以包含描述网页内容中实际未显示的网页信息的属性。

由于与元标记一起使用的属性控制不再使用的“元描述”和“元关键字”等属性,因此它们通常被称为“元数据”。

名称属性

name 属性与标签一起使用。

从本质上讲,它是一种指定可能访问该页面的蜘蛛的方式,无论以下信息是否适用。

例如,包含表示所有机器人都应注意“ ”指令。

您经常会听到这称为“元机器人标记”。

如果使用以下命令,只有蜘蛛会注意“”指令。

这是向所有不需要的搜索机器人发出命令的好方法。

属性

“”属性是SEO中常用的属性。

你会经常听到它被称为“标签”,但更准确地说,它是标签的一个属性。

其公式为:

此代码允许发布者确定哪些内容可以包含在搜索引擎的索引中。

通过添加“”属性,您实际上是在告诉搜索引擎它可能不会在其索引中使用该页面。

例如,如果您想要通过自然搜索无法获得的敏感内容,这将非常有用。

例如,如果您的网站有一个区域仅供付费会员访问,则允许此内容进入搜索索引可以使其无需登录即可访问。

必须先阅读“ ”指令。也就是说,搜索引擎必须能够访问页面以读取包含该指令的 HTML 代码。

所以要小心不要在 .txt 中爬取页面。

描述属性

属性(又名“元描述”)与标签一起使用。

此标签的内容在 SERP 中标签的内容下方使用。

它允许发布者以帮助搜索者确定页面是否满足他们的需求的方式总结页面上的内容。

这不会影响页面的排名,但可以帮助鼓励从 SERP 到页面的点击。

重要的是要认识到,在许多情况下,搜索引擎会忽略属性的内容,而倾向于在 SERP 中进行自己的描述。

如果您从事 SEO 已有一段时间了,标签就是您熟悉的标签。

通常称为“元标题”,它是用于定义页面标题的标签。它在网站的中间。

因此,当用户在网页上时,它是看不到的。但是,它显示在 SERP 的浏览器栏中,并允许您指示页面与搜索者查询(搜索机器人和用户)的相关性。

标题标签用于指示 HTML 内容的一部分应用作样式标题。

标签放置在页面内部,因此查看页面内容的用户可以看到文本。

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

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

这意味着包裹在标记中的单词看起来应该与包裹在标记中的单词不同。

这可以帮助用户识别一段文本何时是该段文本的一部分,例如标题和副标题。

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

链接标签和 Href 属性

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

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

标准超链接本质上是一种标记。格式如下:

链接的锚文本位于此处。

标记表明它是一个链接。

href= 属性表示链接的目的地(即链接到的页面)。

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

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

这用于将出现在页面中的可点击链接。

标记用于将资源链接到另一个资源并显示在页面中。

这些链接不是超链接,不能点击。它们显示了 Web 文档之间的关系。

相对=“”属性

rel=” ” 属性告诉蜘蛛 href 属性中的 URL 不是它可以跟随的 URL。

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

在 SEO 中使用它来阻止搜索引擎访问页面,或阻止将一个页面链接到另一个页面的任何好处。

从传统的 SEO 链接建设的角度来看,这可以说使链接无用,因为链接权限不会传递链接。

有一种说法是,如果它让访问者查看它所链接的页面,它仍然是一个有益的链接!

发布者可以使用 ” ” 属性帮助搜索引擎了解链接页面何时是支付结果,例如广告。

这有助于防止链接惩罚问题,因为发布者承认链接是合法交易的结果,而不是试图操纵排名。

rel=” ” 属性可以在单个链接的基础上使用,如下所示:

链接的锚定文字在此处

或者您可以通过在 中使用它来将页面上的所有链接呈现为“”,就好像使用了“”属性一样:

如何使用 rel=” ” 属性

2019 年宣布,它使用“ ”属性的方式将发生变化。

这包括通知我们一些可以替换“”的附加属性,以更好地表达链接与其目标页面的关系。

这些新属性是 rel=”ugc” 和 rel=”ugc”。

它们将用于帮助了解发布商何时希望对着陆页进行打折以获取排名信号。

rel=” ” 属性用于识别链接何时是付费交易(如广告或赞助)的结果。rel=”ugc” 属性用于识别何时通过用户生成的内容(例如论坛)添加了链接。

还声明这些和 ” ” 属性仅被视为提示。

以前“ ”属性会导致指定链接被忽略,现在它会接受建议下的提示,但仍将其视为“ ”不存在。

属性

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

它指示搜索引擎应该向用户显示哪个版本的页面,以便他们可以用他们喜欢的语言阅读。

属性与标签一起使用。此属性指定链接 URL 上内容的语言。

它在页面格式中使用如下:

它分为几个部分:

属性也可用于非 HTML 文档(例如 PDF)的 HTTP 标头或网站的 XML 站点地图。

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

规范属性

在链接标签的 rel=” ” 属性的帮助下,SEO 专业人员可以指定网站或其他域上的哪个其他页面应该被视为规范页面。

一个页面实际上是一个规范页面,这意味着它是主页,其他页面也可以是副本。

出于搜索引擎的目的,这表明发布者希望将其视为主页以进行排名,而不应为副本排名。

规范属性如下:

代码应该在页面的 . 在“href=”之后声明的网页应该是您希望搜索引擎将其视为规范页面的网页。

此标记在两个或多个页面可能具有相同或几乎相同内容的情况下很有用。

使用规范属性

网站的构建方式可能对用户有用,例如电子商务网站上的产品列表页面。

例如,一组产品(例如“鞋”)的主类别页面可能有一些关于“鞋”的副本、标题和页面标题。

如果用户点击过滤器只显示8号棕色的鞋子,URL可能会改变,但副本、标题和页面标题可能与“鞋子”页面相同。

这将导致两个页面完全相同,但显示的产品列表除外。

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

这将帮助搜索引擎了解“#8 ”页面不需要排名,而“”页面在两者中更重要,应该进行排名。

规范属性的问题

重要的是要认识到搜索引擎只使用规范属性作为指导,而不是必须遵循的规范。

在许多情况下, 属性被忽略,而另一个页面被选为该集合的规范。

图片

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

标签不会按原样在页面上插入图像,而是以允许图像在页面上可见的方式链接到它。

它本质上为托管在其他地方的图像创建了一个容器。

标签的格式如下:

此标签包含两个属性,一个是标签发挥作用所必需的,另一个可以留空。

源属性

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

如果图像与其将出现的容器位于同一个域中,则可以使用相对 URL(只是 URL 的结尾,而不是域)。

如果要从另一个网站提取图像,则需要使用绝对(完整)URL。

尽管此属性本身没有任何 SEO 目的,但它需要标签才能工作。

替代属性

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

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

alt= 必须存在于

标记,但如果不需要替代文本,可以将其留空。

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

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

这样,搜索引擎将使用 alt= 属性中的文本来更好地理解图像的含义。

使用有助于增强图像与页面主题相关性的语言。

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

重要的是要记住,这不是 alt= 属性的主要原因。

屏幕阅读器和辅助技术使用此文本使使用该技术的人能够理解图像的内容。

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

综上所述

本文涵盖了您在 SEO 中可能遇到的核心 HTML 标签和属性。

然而,还有更多的东西可以用来制作一个功能齐全、可抓取和可索引的网页。

搜索引擎优化和开发技能集之间的交集是巨大的。

作为 SEO 专业人士,您对网页的构建方式了解得越多越好。

如果您想了解有关 HTML 及其可用标签的更多信息,可以使用 .

免责声明:本文来自网络用户投稿,不代表本站观点和立场。如有侵权请发送邮件至tzanseo@163.com告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论