HTML是构成大多数网页基础的标记语言。
它可以说是SEO技术的最基本部分之一。
使用HTML元素,SEO专业人员可以将有关页面的信息传达给用户和搜索机器人。
这可以帮助阐明页面上内容的重要性,性质和顺序,以及与其他网页的关系。
标签和属性之间的区别
要了解标签和属性之间的区别,我们需要确保我们使用正确的术语。
许多人会交替使用标签和属性这两个词,但请保持准确。
以下HTML元素的格式分为三部分:
例如:
<h1>欢迎来到我关于SEO的页面h1>
打开标签。
- 标签的内容为欢迎来到我的SEO页面。
- 关闭标签。
此元素是标题,将用作网页上的可见标题,以介绍有关小猫的内容。
标签
标签必须具有开始和结束元素,标签才能起作用。
还有诸如
的空元素,它们没有任何内容或结束标记。
属性
将属性添加到元素以对其进行修改。它们位于元素内,例如:
<linkrel=canonicalhref=https://www.example.com/>
3个基本HTML标记
为了制作有用的网页,需要一些关键标签。
<!DOCTYPE html>
<!DOCTYPE html>标记是网页上的第一个标记。
它实质上将页面介绍为网页。
标记介绍页面的第一部分。
这是关于页面的信息,这些信息不会在页面上显示。
了解很重要,因为这是一些SEO的关键标签所在的地方。
body标签包含访问者将在页面上看到的信息。
这是副本,图像和视频的存放位置。
该主体还将容纳我们稍后将讨论的其他一些HTML标签。
SEO的常用标签及其中使用的属性
标记位于页面的中。
它可以包含描述网页信息的属性,这些信息实际上不会在页面内容中显示。
由于与元标记一起使用的属性可控制元描述和不再使用的元关键字之类的属性,因此通常将其称为元数据。
名称属性
name属性与标记一起使用。
本质上,这是一种向可能访问该页面的蜘蛛进行指定的方式,无论是否适用以下信息。
例如,包含意味着所有机器人都应注意 noindex指令。
您会经常听到这种情况,称为元机器人标记。
如果使用以下命令,则只有Google的蜘蛛注意 noindex指令。
这是向所有不需要的搜索机器人发出命令的好方法。
Noindex属性
noindex属性是SEO中常用的属性。
您经常会听到它被称为 noindex标签,但更准确地说,它是标签的属性。
它的公式是:
<metaname=robotscontent=noindex/>
这段代码使发布者可以确定哪些内容可以包含在搜索引擎的索引中。
通过添加 noindex属性,您实际上是在告诉搜索引擎它可能不在其索引内使用此页面。
例如,如果您想通过自然搜索无法获得敏感内容,这将很有用。
例如,如果您的网站上只有付费会员可以访问的区域,则允许将此内容输入搜索索引可以使它无需登录即可访问。
必须先阅读 noindex指令。也就是说,搜索引擎必须能够访问该页面以读取包含该指令的HTML代码。
因此,请注意不要蜘蛛访问robots.txt中的页面。
描述属性
description属性(又称为元描述)与标记一起使用。
该标签的内容用于SERP中的
标签的内容下方。</p><p id="f1d8ff79-4b2c-487e-a168-8cc0c552a69c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它使发布者可以以一种有助于搜索者确定页面是否满足其需求的方式来总结页面上的内容。</p><div id="367704ce-2fcc-4ecf-be52-3ee4c28b6e9e" style="font-size:18px;margin:20px 0px;text-align:left;"></div><p id="a40f9e7d-4a1c-4fbc-bf77-6434b496d759" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这不会影响页面的排名,但可以帮助鼓励从SERP点击进入页面。</p><p id="fce9fd3b-a64a-4036-9512-559f58b9afad" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">必须意识到,在许多情况下,搜索引擎会忽略description属性的内容,而倾向于在SERP中使用其自己的描述。</p><p id="9c969c6a-0dd9-44c3-a7a8-5d25eeb44ade" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="5841af66-e6ea-4227-95fc-b306783f6679" style="font-size:18px;margin:20px 0px;font-weight:700;"><标题></strong></p><p id="7ea1001a-b48d-4cc9-a5a3-74f98a18a2a6" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">如果您有做过一段时间SEO,那么title标签就是您熟悉的标签。</p><p id="d9235004-5aa8-4f8b-8824-0a164d31f722" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">俗称元标题,它是用来定义页面标题的标签。它位于站点的<head>中。</p><p id="7fa13432-b876-4116-ba1a-4966511935a2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">因此,当用户在网页上时看不到它。但是,它显示在SERP的浏览器栏中,并允许您指示页面与搜索者的查询(与搜索bot和用户)的相关性。</p><p id="6af6ec32-0442-44c4-a347-0acf030f530c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="3a5d049c-c7b1-453c-9ed1-28b5ce3857db" style="font-size:18px;margin:20px 0px;font-weight:700;"><h1>至<h6></strong></p><p id="db36b194-3fe6-4333-9f0d-732befa2d21a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在标题标签被用于指示HTML内容的部分应作为样式的标题。</p><p id="6b92fe9f-4857-42c3-b793-55be99c003b1" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">标签位于页面的<body>内,因此查看页面内容的用户可以看到文本。</p><p id="a6bfb936-40d5-449f-977f-90332efc6768" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">标题标签应用于帮助构建页面。</p><p id="24fcf80c-bebe-4e12-9ba4-ab54daa2a38f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在创建网站时,开发人员将确保样式与每种标题标签相关联。</p><p id="d559ef52-0ac9-447f-a955-0edef21de5ca" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这意味着包装在<h1>标记中的单词应该看起来与包装在<h2>标记中的单词不同。</p><p id="3174b6bd-794b-4b9b-8785-d5f594c71014" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这可以帮助用户确定某段文字何时是该段文字的一部分,例如标题和副标题。</p><p id="4ba93e6e-9dd2-465a-9311-55da5b6bcd5f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">标题标签还可以帮助搜索引擎确定页面上内容的结构。</p><p id="68627614-1e1f-43d3-b1b4-656614419f0e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="5f762660-00f6-4106-9746-9dc4bb031f46" style="font-size:18px;margin:20px 0px;font-weight:700;">链接标签和Href属性</strong></p><p id="3089d130-7034-4f05-be6a-c81274072e45" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">作为SEO专业人士,我们花费大量时间来寻找链接。</p><p id="cdf8db7e-9339-438f-939e-c4a717bd2a4b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">但是您是否知道链接的结构以及为什么某些链接比其他链接更有价值?</p><p id="42cf7c60-98ec-4323-8eb5-24a1fb868e62" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">标准超链接本质上是一个<a>标记。格式如下:</p><p id="bc242577-3fb8-42ef-b0de-ac595aae9914" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><a href=www.example.com>链接的锚文本位于此处</a>。</p><p id="9300c9ea-4231-454d-b0a0-c5e08ab7e804" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><a>标记表明它是一个链接。</p><p id="5c8ae753-3794-4c39-9aa3-80f0f38075ed" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">href =属性指示链接的目的地(即,链接到的页面)。</p><p id="d49b1bff-3fb2-476a-8d39-d49fc9f86e54" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">位于<a>标记和</a>标记之间的文本是锚文本。</p><p id="b9c0d4bd-fe8f-4ee4-b07f-ba591cda9e44" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这是用户将在看起来可点击的页面上看到的文本。</p><p id="6129888b-d515-4633-a228-01ebcae2f2e8" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这用于将出现在页面<body>中的可单击链接。</p><p id="67493926-f20a-4e83-ab42-dbd4b13c73bd" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><link>标记用于将资源链接到另一个资源,并显示在页面的<head>中。</p><p id="d4284bb8-922a-4c47-abcc-0faf71016006" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这些链接不是超链接,不可单击。它们显示了Web文档之间的关系。</p><p id="40264ecd-9964-47de-a183-c2562725d132" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="8489110d-053a-4733-b61a-2932bb72a736" style="font-size:18px;margin:20px 0px;font-weight:700;">Rel = nofollow属性</strong></p><p id="ffb7290f-7523-429d-adb7-a11e0d058476" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">rel = nofollow属性告诉蜘蛛,href属性中的URL并非其可跟随的URL。</p><p id="5481084f-a9e1-48f0-9dbf-f642634db47b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">使用rel = nofollow属性将不会影响用户单击链接并进入另一个页面的能力。它仅影响机器人。</p><p id="2c6bd0f0-a1e4-465b-a2db-1a0009e85b11" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在SEO中使用它来阻止搜索引擎访问页面,或阻止将一个页面链接到另一页面的任何好处。</p><p id="a07ec272-1f13-4994-af8f-1cd0d30d5847" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">从传统的SEO链接构建角度来看,这可以说使链接无用,因为链接权重不会通过链接。</p><p id="5aaac268-3e1b-44ed-a1ec-2716cb0f7918" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">有观点认为,如果它使访问者查看链接到的页面,它仍然是一个有益的链接!</p><p id="a9416d07-c884-409c-b0b6-1d7f54cfef9e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">发布者可以使用 nofollow属性来帮助搜索引擎了解链接页面何时是付款的结果,例如广告。</p><p id="32cfbf8e-c0fc-4e5d-815e-ff1e4b8c007a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这可以帮助阻止链接惩罚问题,因为发布者承认链接是合法交易的结果,而不是试图操纵排名的结果。</p><p id="e52fc878-6827-4cf7-878c-9ac9e1e51f87" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">rel = nofollow属性可以在单个链接的基础上使用,如下所示:</p><pre id="a37e8988-9881-4ab7-a8d7-d207d703c228" style="font-size:18px;margin:20px 0px;text-align:left;"><code id="4689f501-5e3b-4592-9040-a7040bfb6607" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="ad7f96b8-5cd1-4fe4-98d7-ef7befe41ad7" style="font-size:18px;margin:20px 0px;text-align:left;"><<span id="e101b9be-4ec5-4974-87a2-faf7a2f62515" style="font-size:18px;margin:20px 0px;text-align:left;">a</span><span id="eb350b60-79d1-4156-8467-fe2355dbc71e" style="font-size:18px;margin:20px 0px;text-align:left;">href</span>=<span id="7b2d2ed2-3612-461e-b3e4-a4aa4971193b" style="font-size:18px;margin:20px 0px;text-align:left;">www.example.com</span><span id="9629a5bd-cd43-4683-88c5-8dbdf1fca7ab" style="font-size:18px;margin:20px 0px;text-align:left;">rel</span>=<span id="d0064b16-40da-407b-9c46-329f879255a0" style="font-size:18px;margin:20px 0px;text-align:left;">"nofollow"</span>></span>链接的锚定文字在此处<span id="96eb4fa8-85b2-4642-b045-4bd669a84b15" style="font-size:18px;margin:20px 0px;text-align:left;"></<span id="b38aee7e-799c-4356-9a2f-37ce3e97ea9e" style="font-size:18px;margin:20px 0px;text-align:left;">a</span>></span></code></pre><p id="342d30d9-17a2-4b0d-8c11-d599afa07544" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">或者可以通过在<head>中使用它来将页面上的所有链接呈现为 nofollow,就像使用了 noindex属性一样:</p><pre id="fad83781-742f-4f0e-a1dc-66c3c5d41bf9" style="font-size:18px;margin:20px 0px;text-align:left;"><code id="c6ee39d3-b3ea-4d3d-8bf9-af8f6ddd21e3" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="47ce2306-1ea5-49e6-8ff8-e6733910a697" style="font-size:18px;margin:20px 0px;text-align:left;"><<span id="6fffd938-020d-428f-9bbc-37992ee9f58e" style="font-size:18px;margin:20px 0px;text-align:left;">meta</span><span id="99fab566-cb56-43e9-99f7-244e3bf3816f" style="font-size:18px;margin:20px 0px;text-align:left;">name</span>=<span id="d7fe29f9-55ad-43b7-b440-78fe552918ae" style="font-size:18px;margin:20px 0px;text-align:left;">robots</span><span id="4c1a0a2e-d63a-49b7-a32d-ebaca4b1091c" style="font-size:18px;margin:20px 0px;text-align:left;">content</span>=<span id="908bcd3f-187b-49d4-9512-6ad3121d26f3" style="font-size:18px;margin:20px 0px;text-align:left;">nofollow</span>/></span></code></pre><p id="295d2f80-a6b7-4e08-aeb9-6d6e83eb5481" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="a6b413f3-6bcb-4bf1-8a8e-fd3706c23ffe" style="font-size:18px;margin:20px 0px;font-weight:700;">Google如何使用rel = nofollow属性</strong></p><p id="d850a570-556b-4ece-baa2-b66fed924f83" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">Google在2019年宣布,其使用 nofollow属性的方式将有所改变。</p><p id="afee5dc8-af50-44f0-8766-076988c291de" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这包括通知我们一些其他属性,这些属性可以代替 nofollow来更好地表达链接到其目标页面的关系。</p><p id="d59e386b-a041-4a4c-a859-6ec55e0f437a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这些新属性是rel = ugc和rel = sponsored。</p><p id="367309a0-e5c0-465a-a03f-e39ffc891887" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它们将用于帮助Google了解发布商何时希望对目标页面进行打折以用于排名信号。</p><p id="3087a57b-88d6-493c-831c-f28108900108" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">rel = sponsored属性用于标识链接何时是诸如广告或赞助之类的付费交易的结果。rel = ugc属性用于标识何时已通过用户生成的内容(例如论坛)添加了链接。</p><p id="bc04ea7b-a684-4f64-8ec1-407b441b7813" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">谷歌还宣布这些以及 nofollow属性仅被视为提示。</p><p id="a283f351-b342-4c73-8cdb-8cd1aaa85f6f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">以前, nofollow属性会导致Googlebot忽略指定的链接,而现在它会在建议下接受该提示,但仍可以将其视为 nofollow不存在。</p><p id="719ee59e-0c62-4485-a6c4-5075ed3dac40" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="1af4ded5-b26f-4e47-806d-ee0e5029e85c" style="font-size:18px;margin:20px 0px;font-weight:700;">Hreflang属性</strong></p><p id="b94661f3-9c4c-46b9-b1f3-6e5a21b3b884" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">hreflang属性的目的是帮助发布者的网站以多种语言显示相同的内容。</p><p id="a6626717-6a5f-4c57-ac83-fdd11bdd281f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它指导搜索引擎应向用户显示该页面的哪个版本,以便他们可以使用首选语言阅读该页面。</p><p id="6147721b-c019-4da6-abdc-640baea64336" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">hreflang属性与<link>标记一起使用。此属性指定链接到的URL上的内容的语言。</p><p id="b3591079-8d97-48f0-b4f9-b4280e41aa86" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它在页面的<head>中使用,其格式如下:</p><pre id="9e5ebbc9-7a04-4139-bfd6-c487e03db418" style="font-size:18px;margin:20px 0px;text-align:left;"><code id="24b9ca8e-2706-4899-bb72-66603a363df3" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="c935eda3-21c5-4169-8dc4-b473cd820bbe" style="font-size:18px;margin:20px 0px;text-align:left;"><<span id="a58d47cc-169c-42ad-8f8e-6bf60e305ca5" style="font-size:18px;margin:20px 0px;text-align:left;">link</span><span id="7e26491c-15fa-41fd-bc08-fa461c6e3382" style="font-size:18px;margin:20px 0px;text-align:left;">rel</span>=<span id="b750803f-fbf3-4b3a-9d36-a4601edffd09" style="font-size:18px;margin:20px 0px;text-align:left;">alternate</span><span id="da84e2db-fecc-4d9d-a222-6a5ba390762c" style="font-size:18px;margin:20px 0px;text-align:left;">href</span>=<span id="dbf3ef2c-4c6b-487e-9875-0d8a9d1e3d91" style="font-size:18px;margin:20px 0px;text-align:left;">https:</span>//<span id="b3007abd-f56e-4f70-abf2-928fa04c5bc7" style="font-size:18px;margin:20px 0px;text-align:left;">example.com</span><span id="3d53c71a-c55c-406c-bf8f-0b3bba16c9fd" style="font-size:18px;margin:20px 0px;text-align:left;">hreflang</span>=<span id="76492ef3-c38e-4178-8d17-23d5d8798391" style="font-size:18px;margin:20px 0px;text-align:left;">zh-CN</span>/></span></code></pre><p id="ce8af4a6-0c5d-425c-97e7-26e6e4ee9e0f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它分为几个部分:</p><ul id="1c087151-538c-48cf-8519-2676ccfa6f54" style="font-size:18px;margin:20px 0px;text-align:left;"><li id="f7711bd3-2ef2-4233-b766-ff626034c805" style="font-size:18px;margin:20px 0px;text-align:left;">rel = alternate表示该页面具有与其相关的替代页面。</li><li id="77c11f51-44e3-4d28-87fd-083d1699f07d" style="font-size:18px;margin:20px 0px;text-align:left;">href =属性表示要链接到的URL。</li><li id="ae44e023-db50-4f85-a512-574b4f5ea428" style="font-size:18px;margin:20px 0px;text-align:left;">语言代码是两个字母的名称,用于告诉搜索引擎其链接页面所用的语言。这两个字母取自标准化列表,即ISO 639-1代码</li></ul><p id="411f1ea6-1e48-44ab-883b-093bdf41f2b2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">hreflang属性也可以在HTTP标头中用于非HTML(例如PDF)或网站XML网站地图中的文档。</p><p id="12ddd01a-d708-42c2-b44b-88473265f3f9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">正确使用hreflang属性可能很棘手。有关其使用的更多信息,请参见Dan Taylor关于其正确实现的文章。</p><p id="b0e22e85-5324-46f9-b911-c4a2c7583130" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="e1194a9f-5522-4c21-aa3a-e7ba01842e79" style="font-size:18px;margin:20px 0px;font-weight:700;">规范属性</strong></p><p id="b3ad58d5-a6af-4a8e-9609-0851ff0b7892" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">借助链接标签的rel = canonical属性,SEO专业人员可以指定网站或其他域中的哪个其他页面应被视为规范页面。</p><p id="791e0e70-4926-4d8f-a4b1-77f8e04a0fc6" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">页面实际上是规范页面,意味着它是主页,其他页面也可以是副本。</p><p id="47f622db-17b1-4fd1-8762-18e1c0b3686b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">出于搜索引擎的目的,这表明发行商希望将其视为要排名的主要页面的页面,而不应该对副本进行排名。</p><p id="10449f8e-28ec-48ee-b5b4-40a8d7e729f5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">规范属性如下所示:</p><pre id="4f1c33a8-92fa-4973-80fb-348e42bc686d" style="font-size:18px;margin:20px 0px;text-align:left;"><code id="f8ccb6cd-5f78-4631-8868-ae3506b70bdc" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="8bfc343f-24f8-4f57-8e52-501beaba4376" style="font-size:18px;margin:20px 0px;text-align:left;"><<span id="73206d2d-8716-42ff-a7e5-99f4cfc8c6e3" style="font-size:18px;margin:20px 0px;text-align:left;">link</span><span id="903455d8-0bfb-4f18-8790-8cb680955514" style="font-size:18px;margin:20px 0px;text-align:left;">rel</span>=<span id="9af5008e-6d1c-4119-be51-a059746b97a8" style="font-size:18px;margin:20px 0px;text-align:left;">canonical</span><span id="06922014-1c35-4cf7-850f-781d49ede52d" style="font-size:18px;margin:20px 0px;text-align:left;">href</span>=<span id="1a46b5c1-8c53-4eb0-ab36-99f0a3624c0f" style="font-size:18px;margin:20px 0px;text-align:left;">https:</span>//<span id="c6afc619-1e82-4960-9872-0e44af0355e7" style="font-size:18px;margin:20px 0px;text-align:left;">www.example.com</span>/ /></span></code></pre><p id="2a702dd7-f83f-4fd8-88c1-34527f67df62" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">该代码应位于页面的<head>中。在 href =之后声明的网页应该是您希望搜索引擎将其视为规范页面的页面。</p><p id="d08d3fa9-f832-4cea-a85e-14f802aa5763" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在两个或多个页面上可能具有相同或几乎相同的内容的情况下,此标记很有用。</p><p id="a8fd8af4-ef6a-4eed-a8a6-d9b06527bcde" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="3fe1dfdf-4353-4414-bc4c-eb04f259bc3e" style="font-size:18px;margin:20px 0px;font-weight:700;">规范属性的使用</strong></p><p id="0b333739-b1f4-4f0d-abc7-42b7c41c4946" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">网站的建立方式可能对用户有用,例如电子商务网站上的产品列表页面。</p><p id="ef1c2f7c-4324-4187-be8c-0eb896eb97aa" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">例如,一组产品(例如鞋子)的主类别页面可能具有一些有关于鞋子的副本,标题和页面标题。</p><p id="28502d71-45fc-4f79-a8cb-da9e19cfe66f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">如果用户单击过滤器以仅显示8号棕色的鞋子,则URL可能会更改,但副本,标题和页面标题可能与鞋子页面相同。</p><p id="53c6d554-123a-4bd2-a6cf-f4119925b6c2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">除了显示的产品列表之外,这将导致两个页面完全相同。</p><p id="18b67aad-f348-4242-b8be-5677e6ffae79" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在这种情况下,网站所有者可能希望在指向鞋子页面的 8号棕色棕色鞋子页面上放置一个规范标签。</p><p id="a17bf328-8c04-4148-b138-b4df567a5e26" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这将有助于搜索引擎了解排名第8的棕色鞋子页面不需要排名,而鞋子页面在这两个页面中更重要,应该对其进行排名。</p><p id="abf7040f-2987-4857-8be8-1ab3944378e9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="7057bd11-d7c3-4bf0-9fe6-e9923f7120a9" style="font-size:18px;margin:20px 0px;font-weight:700;">规范属性出现问题</strong></p><p id="9828238d-cbba-463b-885b-ac32d92e6f6e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">重要的是要意识到搜索引擎仅将规范属性用作指导,而不是必须遵循的规范。</p><p id="a18fb3d2-8b87-42ef-b2a4-a2ca1d4d0d40" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">在许多情况下,规范属性被忽略,而另一个页面被选择为该集的规范。</p><p id="542649b1-1528-4ad2-ae89-d4e168f050b2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="487161dd-7ce7-4215-a922-c0865f84ab2d" style="font-size:18px;margin:20px 0px;font-weight:700;">图片</strong></p><p id="b3b852aa-bc25-4629-8ff5-ada0ffeb31b5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><img>标记用于将图像嵌入HTML页面。</p><p id="b65951d3-6fb4-4a6a-8985-e213015f9b0d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">image标签不会将图像原样插入页面,而是以允许图像在页面上可见的方式链接到它。</p><p id="cf6f5a02-79be-450f-b346-ae8ebca2cc78" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">它实质上是为其他位置托管的图像创建一个容器。</p><p id="70984521-80c7-4033-9e6e-ec75a1a41ae8" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><img>标记的格式如下:</p><pre id="ecb5b9f2-9f02-4213-882d-679cc3bee0b0" style="font-size:18px;margin:20px 0px;text-align:left;"><code id="0e4b0408-4312-41ff-a4d8-1465b8821e63" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="571f4e68-8854-4c91-a982-0b4113f8e2b0" style="font-size:18px;margin:20px 0px;text-align:left;"><<span id="7ca13154-4d1e-4174-9ded-d99389707e40" style="font-size:18px;margin:20px 0px;text-align:left;">img</span><span id="6b6c42af-5c77-40a4-8c6d-d6704654244c" style="font-size:18px;margin:20px 0px;text-align:left;">src</span>=<span id="1fb12938-b63b-4fda-8554-7f7fecde44ab" style="font-size:18px;margin:20px 0px;text-align:left;">imagename.jpg</span><span id="72aca2a7-fe2e-42b7-b5a7-b8426d354ea5" style="font-size:18px;margin:20px 0px;text-align:left;">alt</span>=<span id="d421ea01-c6c3-4fc8-9a76-80954309f837" style="font-size:18px;margin:20px 0px;text-align:left;">这是图像的说明</span>></span></code></pre><p id="bcedc52f-30c5-4d1a-a212-8c03e22828dc" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">此标签包含两个属性,一个属性对于该标签起作用至关重要,另一个属性可以保留为空白。</p><p id="9a8661e4-2ca9-448b-8037-121be6376020" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="ee2e73b2-f1f4-4a49-9d01-6b50c4260850" style="font-size:18px;margin:20px 0px;font-weight:700;">Src属性</strong></p><p id="15041e5c-2e2c-4232-9449-974572633ecc" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">src =属性用于引用页面上显示的图像的位置。</p><p id="3fd6a2d6-4f96-46c4-8400-5268b3c511d7" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">如果图像与其将出现的容器位于同一域中,则可以使用相对URL(只是URL的末尾部分,而不是域)。</p><p id="f2ca5d39-6cec-46ae-be97-cd7a1fdcf6c5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">如果要从另一个网站提取图像,则需要使用绝对(整个)URL。</p><p id="35e20e57-67f2-4f9c-9291-f7d8f389a78c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">尽管此属性本身没有任何SEO用途,但它需要image标签起作用。</p><p id="984ccf9c-c8cc-452b-90a6-da7bb934173b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="35eef310-d6d0-4b74-a58b-d116bb37fb23" style="font-size:18px;margin:20px 0px;font-weight:700;">替代属性</strong></p><p id="273c0185-1583-40d9-acf8-fe33718c280b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">上面的图片标签示例还包含第二个属性alt =属性。</p><p id="923706f2-905e-44f8-8726-9c1101bb64c4" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">此属性用于指定在无法渲染图像时应显示哪些替代文本。</p><p id="d6d92d01-42a1-436f-9795-5a4614c70afb" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">alt =属性必须存在于<img>标记中,但是如果不需要替代文本,可以将其保留为空白。</p><p id="65643012-9cd1-4f0b-bcbc-ef33de55e317" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">考虑在图像alt =属性中使用关键字有一些好处。搜索引擎无法精确确定图像的含义。</p><p id="6dca7f9e-defd-42ec-8d4e-0d0d444ed802" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">主要搜索引擎识别图片中的内容的能力已取得了长足的进步。但是,该技术远非完美。</p><p id="746e36e4-197e-42b3-9be2-449a6fb43ab9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这样,搜索引擎将使用alt =属性中的文本来更好地理解图像的含义。</p><p id="a4e8bb94-8abe-43ea-8739-b9cb1f40d77e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">使用有助于增强图像与页面主题相关性的语言。</p><p id="dd51cbc6-80e7-436c-973d-aaaad7071c21" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">这可以帮助搜索引擎识别该页面与搜索查询的相关性。</p><p id="25f6f2dd-f22f-4433-a53e-e01fce4f2268" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">重要的是要记住,这不是alt =属性的主要原因。</p><p id="426baf6a-5e7b-4e98-9a63-1cb173e214d4" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">屏幕阅读器和辅助技术使用此文本来使使用此技术的人员能够理解图像的内容。</p><p id="21dcc3d9-ec51-47e1-b626-60fd211e632f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">应该首先考虑alt =属性,以使使用该技术的用户可以访问网站。这不应出于SEO目的而牺牲。</p><h1 id="a00f8d0f-45c1-41d9-a0a0-a594f71b3013" style="font-size:20px;margin:20px 0px;font-weight:700;">结论</h1><p id="4fca5206-ec5a-4ad1-b8cd-1fb8aee8a501" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">本文介绍了您在SEO中可能会遇到的核心HTML标签和属性。</p><p id="98a6c695-eb34-4c85-9680-89a9dd749ee9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">然而,还有更多的东西可以用来制作一个功能齐全、可爬行和可索引的网页。</p><p id="14b6b290-2c4c-436f-89be-5fa687423d41" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">SEO和开发技能集之间的交叉很大。</p><p id="e1402bb0-c360-4de3-9b15-428cdb1f2739" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">作为SEO专业人士,您越了解网页的构造越好。</p><p id="23cb03c3-35ce-4f39-b30e-55ac1e4bae6e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;">如果您想了解有关HTML及其可用标签的更多信息,可以使用W3Schools之类的资源。</p></body></html>