文章目录
1标签和属性的区别1.1标签1.2属性2 3基本HTML标签2.1！DOCTYPE的常用标签html2.2 head2.3 body3 SEO及其属性3.1 meta3.2 name属性3.3 Noindex属性3.4 description属性3.5titl3.6h1到h63.7Link标签和Href属性3.8rel=”nofollow” 3.9hr EF属性3.10 Canonical属性3.11图片标签3.12 Src属性3.13 ALT属性
HTML是构成大部分网页的语言，是网页的基础。可以说是SEO最基础的部分之一。HTML可以用来向用户和搜索引擎传达页面的信息。
以及标签和属性的区别。
很多人分不清“标签”和“属性”的区别，统称为标签。
HTML分为三个部分：
开始标签内容结束标签
例如：
H1欢迎来到杨凡/h1
“h1”开始标签。
标签上写着“欢迎来到杨凡”。
“/h1 “结束标记。
标签
标签必须有一个开始X和一个结束/X元素才能工作。Br该标记没有内容或结束标记。
属性
向代码中添加属性以对其进行修改。例如：
link rel=” canonical ” href=” https://www . example.com “/
3个基本的HTML标签！声明文档类型
！DOCTYPE html标记是网页上的第一个标记。
头
页眉是页面的第一部分。这是关于页面的信息，不会显示在页面上。头部标签很重要，因为SEO的一些关键标签在这里。
身体
body标签包含访问者将在页面上看到的信息。
搜索引擎优化的常见标签和其中使用的属性元
meta标签位于页面的头部。它可以包含描述网页信息的属性，这些信息实际上不会显示在页面内容中。
名称属性
name属性与meta标记一起使用。这是一种指定访问该页面的蜘蛛的方法。
例如，meta name=” robots ” content=” noindex “/表示所有机器人都应该遵循“no index”指令。
如果使用以下命令meta name=” Google bot ” content=” noindex “/，则只有Google的机器人服从“no index”指令。
Noindex属性
“noindex”是SEO中常用的属性。它通常被称为“noindex标签”，但更准确地说，它是meta标签的一个属性。
meta name= ‘ robots ‘ content= ‘ no index ‘/
这段代码可以决定哪些内容可以被搜索引擎编入索引。通过添加“noindex”属性，您实际上是在告诉搜索引擎不要索引这个页面。
例如，如果您的网站上只有付费会员可以访问的区域。
属性描述
描述属性(也称为“描述”)与标签一起使用。它总结了页面上的内容，并帮助搜索者确定页面是否满足他们的需求。
这样不会影响页面的排名，但是可以提高点击率。
标题
它位于站点的头部，用于定义页面标题的标签。用户在网页上是看不到的。然而，它显示在搜索结果中，这是SEO中的一个重要元素。
H1到h6
标题用于将HTML的一部分显示为标题。标签位于页面正文中，因此查看页面内容的用户可以看到文本。
标题有助于构建页面。创建网站时，开发人员将确保样式与每个标题标签相关联。
标题也可以帮助搜索引擎确定页面内容的结构。
链接和Href属性
标准超链接本质上是一个A标签。格式如下：
href=”www.example.com “链接的锚文本位于此处/a.
标签表明它是一个链接。Href=属性表示链接的目的地(即链接到的页面)。A标签和/a标签之间的文本是锚文本，用户可以点击它。
击的。
<link>标签用于将资源链接到另一个资源，并显示在页面的<head>中。这些链接不是超链接，不可单击。它们显示了Web文档之间的关系。
Rel=”nofollow”
rel =” nofollow”属性告诉蜘蛛，不要跟踪href属性中的URL。使用rel =“ nofollow”属性不会影响正常用户单击链接并进入另一页面，它仅影响蜘蛛。
它阻止在SEO中使用将一个页面链接的权重到另一页面，使用“ nofollow”属性来告诉搜索引擎这是一个付费链接，例如：广告。可以避免受到惩罚。
rel =“ nofollow”属性可以在单个链接的基础上使用，如下所示：
<a href=www.example.com rel="nofollow">链接的锚定文字在此处</a>
或者可以通过在<head>中使用，就像使用了“ noindex”属性一样：
<meta name="robots" content="nofollow" />
Hreflang属性
hreflang属性的目的是帮助网站以多种语言显示相同的内容。它指示搜索引擎应向用户显示该页面的哪个版本，以便他们阅读。
hreflang属性与<link>标签一起使用。此属性指定链接到的URL的语言。
它在页面的<head>中使用，其格式如下：
<link rel =“ alternate” href =“ https://example.com” hreflang =“ zh-CN” />
解释：
rel =“ alternate”表示该页面具有与其相关的另一个页面。href =属性表示要链接到的URL。语言代码是两个字母的名称，用于告诉搜索引擎其链接页面所用的语言。这两个字母取自标准化列表，即ISO 639-1代码。
hreflang属性也可以在HTTP标头中用于非HTML（例如PDF）或网站XML网站地图中的文档。
Canonical属性
rel =“ canonical”属性使SEO专业人员可以指定网站的哪个页面是规范页面，意思是这个是主页，其他是副本，让搜索引擎给主页排名，而不是副本。
<link rel =“ canonical” href =“ https://www.example.com/” />
该代码应位于页面的<head>中。在“ href =”后面声明的网页应该是您希望搜索引擎将将其排名的页面。在两个或多个页面上可能具有相同或几乎相同的内容的情况下，此标签很有用。
图片标签
<img>标签用于将图像嵌入HTML页面。图片标签不是将图像原样插入页面，是可以对图片进行调整的。
<img>标签的格式如下：
<img src =“ imagename.jpg” alt =“这是图像的说明”>
Src属性
src =属性用于引用页面上显示的图像的位置。如果图片是在自己的网站中，可以使用相对URL。如果要从另一个网站提取图像，则需要使用绝对（完整）URL。
ALT属性
此属性用于指定在无法渲染图像时应显示的替代文本。
alt 属性必须存在于<img>标记中，但是如果不需要替代文本，可以将其留空。
搜索引擎无法精确确定图像的含义，所以在图像alt 属性中使用关键词是有好处的，有助于增强图像与页面主题相关性。
