客户专线:400-139-3868移动手机:188-01291978
首页 我们 优势 服务 案例 联系
首页 >>观点 >> seo优化你必须知道的9个HTML标签(及11个属性)
seo优化你必须知道的9个HTML标签(及11个属性)
HTML是一个网页的基础。发现对良好的SEO至关重要的关键HTML标签和属性。了解它们的用途以及如何对它们进行编码。HTML是一种标记语言,构成了大多数网页的基础。

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

使用HTML元素,SEO专业人员能够向用户和搜索引擎传达有关页面的信息。

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



标签和属性的区别

要了解标签和属性之间的区别,我们需要确保我们的术语正确。很多人会互换使用 "标签 "和 "属性 "这两个词,但我们要准确地理解。

1.标签
标签必须有开头的 <X> 和结尾的 </X> 元素,这样标签才能发挥作用。

还有一些空元素,如
,它们没有任何内容或结束标签。

2.属性
属性被添加到元素中以修改它们。它们位于元素内部,如

<link rel="canonical" href="http://www.aoly.net/" />

3 基本的HTML标签
为了制作一个有用的网页,需要一些关键的标签。
<!DOCTYPE html>标签是网页上的第一个标签。

它基本上介绍了这个页面是一个网页。

<head>
<head>标签介绍了页面的第一部分。
这是关于页面的信息,不会显示在页面上的信息被包含在这里。

了解<head>是很重要的,因为这是SEO的一些关键标签需要存放的地方。


<body>
body标签包含了您的访问者将看到的页面上的信息。

这里是您的文案、图片和视频的所在。

身体标签还将包含一些我们稍后将讨论的其他HTML标签。

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

<meta>标签位于页面的<head>中。
它可以包含描述网页信息的属性,这些信息实际上不会在网页的内容中看到。

这个元标签通常被称为 "元数据",因为与它一起使用的属性控制着诸如 "元描述 "和不再使用的 "元关键字"。

name属性与<meta>标签一起使用。

它本质上是一种向任何可能访问该页面的机器人指定以下信息是否适用于他们的方式。

例如,包含<meta name="robots" content="noindex" />意味着所有搜索引擎爬虫1都应该注意到 "noindex "指令。

会经常听到这个叫做 "meta robots标签"。如果使用如下<meta name="googlebot" content="noindex" />只有Google的机器人需要注意到 "noindex "指令。

这是一个很好的方式,可以给一些搜索机器人下达命令,而不是所有的机器人都需要。

Noindex属性是SEO中常用的一个属性。你会经常听到它被称为 "noindex标签",但更准确地说,它是<meta>标签的一个属性。



它的表述是

<meta name="robots" content="noindex" />。
这段代码允许发布者决定哪些内容可以被搜索引擎收录到索引中。

通过添加 "noindex "属性,您实质上是告诉搜索引擎,它可能不会在其索引中使用这个页面。

例如,如果您希望有一些敏感的内容不能从有机搜索中获得,这就很有用。

"noindex "指令需要被读取才能被遵循。也就是说,搜索引擎爬虫需要能够访问该页面来读取包含该指令的HTML代码.

描述 属性

描述属性,更称为 "元描述",与<meta>标签一起使用。

这个标签的内容在SERP中使用,在<title>标签的内容下面。

SERPs中的元描述属性示例

它允许出版商总结页面上的内容,以帮助搜索者确定该页面是否符合他们的需求。

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

重要的是要意识到,在很多情况下,Google会忽略描述属性的内容,而在SERP中使用自己的描述。

<tittle>
标题标签是一个你会熟悉的,如果你已经在SEO周围任何时间长度。

也被俗称为 "元标题",它是你用来定义页面标题的标签。它位于网站的<head>内。

因此,当用户进入网页时,它是不可见的。然而,它出现在浏览器栏中,在SERP中,并允许你标志着一个页面与搜索者的查询的相关性--无论是对搜索引擎爬虫还是用户。



标题标签用于指示HTML内容的哪些部分应该被样式化为标题。

这些标签位于页面的<body>中,因此用户在浏览页面内容时可以看到这些文字。

标题标签应该被用来帮助构建页面结构。

在创建网站时,开发人员将确保风格与每种类型的标题标签相关联。

这意味着包裹在<h1>标签中的文字应该与包裹在<h2>标签中的文字看起来不同。

这可以帮助用户确定什么时候一个文本部分是之前的部分的一部分,比如标题和字幕。

标题标签还可以帮助搜索机器人确定页面上内容的结构。

链接标签和Href属性
作为SEO专业人士,我们花了很多时间追逐链接。


但是,你知道链接是如何结构的吗,因此为什么有些链接被认为比其他链接更有价值?

一个标准的超链接本质上是一个<a>标签。它的格式如下。

<a>标签表明它是一个链接。

href=属性决定了链接的目的地(即链接到哪个页面)。

位于开头标签和结尾标签之间的文本是锚文本。

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

这用于可点击的链接,这些链接将出现在页面的<body>中。

<link>标签用于将一个资源链接到另一个资源,出现在页面的<head>中。

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



Rel="nofollow" 属性

rel="nofollow "属性告诉搜索引擎爬虫,在href属性中的URL不是一个可以被他们跟随。


使用rel="nofollow "属性不会影响人类用户点击链接并被带到另一个页面。它只影响爬虫。

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

这可以说从传统的SEO链接建设的角度来看,这使得一个链接毫无用处,因为链接权益不会通过链接。

有观点认为,如果能引起访问者浏览被链接的页面,当然还是一个有益的链接!

发布者可以使用 "nofollow "属性来帮助搜索引擎知道什么时候链接到的页面是付费的结果,例如,广告。

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

可以像使用 "noindex "属性一样,通过在<head>中使用该属性,将页面上的所有链接变成 "nofollow"。

描述 属性

描述属性,更称为 "元描述",与<meta>标签一起使用。

这个标签的内容在SERP中使用,在<title>标签的内容下面。

SERPs中的元描述属性示例

它允许出版商总结页面上的内容,以帮助搜索者确定该页面是否符合他们的需求。


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

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



也被俗称为 "元标题",它是你用来定义页面标题的标签。它位于网站的<head>内。

因此,当用户进入网页时,它是不可见的。然而,它出现在浏览器栏中,在SERP中,并允许你标志着一个页面与搜索者的查询的相关性,无论是对搜索引擎爬虫还是用户。

它是SEO中的一个重要元素。


标题标签用于指示HTML内容的哪些部分应该被样式化为标题。

这些标签位于页面的<body>中,因此用户在浏览页面内容时可以看到这些文字。

标题标签应该被用来帮助构建页面结构。

在创建网站时,开发人员将确保风格与每种类型的标题标签相关联。

这意味着包裹在<h1>标签中的文字应该与包裹在<h2>标签中的文字看起来不同。

这可以帮助用户确定什么时候一个文本部分是之前的部分的一部分,比如标题和字幕。

标题标签还可以帮助搜索机器人确定页面上内容的结构。

链接标签和Href属性
作为SEO专业人士,我们花了很多时间来做链接。


但是,你知道链接是如何结构的吗,因此为什么有些链接被认为比其他链接更有价值?

一个标准的超链接本质上是一个<a>标签。它的格式如下。

链接的锚文本在这里。

<a>标签表明它是一个链接。

href=属性决定了链接的目的地(即链接到哪个页面)。

位于开头标签和结尾标签之间的文本是锚文本。

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

这用于可点击的链接,这些链接将出现在页面的<body>中。

<link>标签用于将一个资源链接到另一个资源,出现在页面的<head>中。

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

Rel="nofollow" 属性

rel="nofollow "属性告诉搜索引擎,在href属性中的URL不是一个可以被他们跟随。

使用rel="nofollow "属性不会影响人类用户点击链接并被带到另一个页面。它只影响爬虫。

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

这可以说从传统的SEO链接建设的角度来看,这使得一个链接毫无用处,因为链接权益不会通过链接。

有观点认为,如果能引起访问者浏览被链接的页面,当然还是一个有益的链接!

发布者可以使用 "nofollow "属性来帮助搜索引擎知道什么时候链接到的页面是付费的结果,例如,广告。

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



rel="nofollow "属性可以在单个链接的基础上使用,如以下。

也可以像使用 "noindex "属性一样,通过在<head>中使用该属性,将页面上的所有链接变成 "nofollow"。
傲来资讯

我们的客户

感恩所有客户 唯有尽心服务
互联网全品牌链服务:

成功案例

联系我们

电话: 全国 400-139-3868
北京 010-57023868
地址: 北京丰台纪家庙双创产业园R3栋
Copyright 2001-2021 傲来网络 | All Rights Reserved 京ICP备12005023号-2