在互联网信息爆炸的今天，怎么样叫你的网站在搜索引擎中崭露头角，成为了每一个网站运营者需要面对的问题。这就是网站SEO（网站优化）的重要程度所在。其中，HTML元标记在网站优化中饰演了要紧的角色。HTML元标记不只可以影响你的网站优化排名，还可以改变你的网站客户体验，提升网站的可访问性。

那样，让大家开始吧。以下是供你在网站上用的前 8 个 HTML 元标记。仔细阅读并借鉴最好实践。

1. 标题标签

标题标签是你主要和非常重要的锚点。

<title> 元素一般在搜索引擎结果页面 （S进销存） 中显示为可点击的标题，也显示在社交互联网和浏览器中。

比如，假如你查询本文的 HTML，你将看到标题为：

<title>10 Most important meta Tags You Need to Know for 网站优化</title>

标题标签放置在网页的<头部>中，旨在提供明确而全方位地知道页面的全部内容。

搜索引擎着眼于全局，他们倾向于从整体上评估页面的内容，但一本书的封面仍然非常重要——特别是在与搜索者的互动方面。

最好实践

• 为每一个页面提供一个唯一的标题，以简洁准确地描述页面的内容。

• 标题的长度低于 50-60 个字符（如此它们就不会在 S进销存 中被截断）。请记住，在 S进销存 上，长标题被缩短到大约 600-700px。

• 把要紧的关键字放在第一位，但要以一种自然的方法，就仿佛你第一为你的访问者写标题一样。

• 在标题中用你的品牌名字。即便它最后没显示在 S进销存 上，它仍然会对搜索引擎产生影响。

提示：用标题吸引注意力

标题标签非常珍贵，不只由于它是主要的 S进销存 元素，还由于它在你的互联网浏览器中用作选项卡标题。

2. 元描述标签

元描述也驻留在网页的<头部>中，一般（但并不是一直）与标题和页面URL一块显示在S进销存片段中。

比如，这是本文的元描述：

<meta name="description" content="HTML tags are crucial for 网站优化 more than ever before. In this post, I’m sharing the TOP 10 HTML meta tags you need to know."/>

虽然元描述不是一个直接的排名原因，但它需要你进行优化才能吸引用户（和Google）的注意力。

• 元描述是大家在搜索片段中看到的内容与标题，因此这是让他们决定你的页面是不是值得点击的方面之一。

• 该描述会干扰你获得的点击次数，假如网页内容符合承诺，还可能提升点击率并减少跳出率。这就是为何描述需要既逼真又吸引人，并了解地反映内容。

• 假如你的描述包括搜索者在搜索查看中用的关键词，它们将以粗体显示在 S进销存 上。这在非常大程度上可以帮助你崭露头角，并准确地告知搜索者他们会在你的页面上找到什么。

• 假如搜索引擎觉得你的描述与你的页面内容不匹配，它可以以适合的方法生成我们的描述。因此，请确保你的元描述包括主要关键词并且与主题有关。

没方法把你想要排名的每一个关键字都放在元描述中，也没真的的必要——相反，写几个有凝聚力的句子来描述你的页面的要素，包含一些关键字。

弄了解在你的元描述中写什么，什么比较适合你的特定主题，一个好办法是做一些角逐研究。

查询你的顶级角逐对手怎么样填写我们的描述，以知道每一个特定状况下的最好用例。

最好实践

• 为每一个页面提供独特的元描述，以了解地反映页面所承载的价值。

• 搜索引擎的摘要一般最多为 150-160 个字符（包含空格）。

• 包含你非常重要的关键字，如此它们就能在实质的S进销存上突出显示，但应该注意防止关键字堆砌。不要叫你的描述只不过你所定位的关键字的组合。

• 或者，用引人注目的号召性用语、你提供的独特倡导或有关预期内容的其他提示——“学习”、“购买”结构等。

• 不要用引号，由于搜索引擎或许会在那里剪切你的摘要。

提示

元描述不必只不过一个重复页面文本第一段的句子。

要有创意 - 添加号召性用语 （CTA） 以鼓励有关行动，用关键词变体（即不是你在标题中用的关键词），并牢记搜索意图。

比如，假如你有一个关于扇贝的信息页面，最好将你的元描述设置为扇贝的概念。假如你的页面对你说怎么样烹饪扇贝，那样请为你的菜谱想出一个美味、硬皮的描述。

假如你是销售新鲜扇贝的鱼贩，请描述它们的新鲜程度，并鼓励大家尽快购买它们并附上一些 CTA。

3. 机器人元标签

带有 content="noindex" 属性的页面级机器人元标记指示搜索引擎不要索引任何给定页面。

nofollow 属性指示不要关注该页面上的任何链接。

虽然这类标签与排名没直接关系，但在某些状况下，它们或许会对你的网站在搜索引擎整体眼中的外观产生一些影响。

比如，搜索引擎很不喜欢简短内容。

虽然这可能不是有意的，但你的网站可能有一些对用户几乎没价值但出于某些缘由是必要的页面。

除此之外，在完全优化之前，可能需要发布“草稿”或占位符页面。

理想状况下，在评估网站的整体水平时，你不期望考虑这类页面。

在其他状况下，你可能期望某些页面离得远远的 S进销存，由于它们具备特别打折，应该只能通过直接链接（比如，从时事通讯）访问。

最后，假如你有全站搜索选项，大家建议“noindex” 自概念结果页面，这类页面可以无限地抓取，并且在没独特内容的状况下浪费机器人的资源。

在上述状况下，noindex 和 nofollow 标签很有用，由于它们可以让你对网站在搜索引擎中的外观进行肯定的控制。

最好实践

• “noindex” 内容单薄的非必要/没有完成的页面，这类页面几乎没价值，也无意出目前 S进销存 中。

• “noindex” 不合理浪费抓取预算的页面。

• 请仔细确保不要错误地将要紧页面编入“noindex” 。

4. rel="canonical" 链接标签

rel="canonical" 链接标签是一种告诉搜索引擎你觉得什么版本的页面是主要版本，并期望被搜索引擎索引并让人们找到的办法。

它一般用于同一页面在多个不一样的 URL 下可用，或者多个不同页面具备涵盖同一主题的很一样的内容的状况。

内部重复内容不像复制内容那样严格对待，由于它背后一般没操纵意图。

然而，这或许会成为搜索引擎混淆的根源：除非你指出你更喜欢用什么 URL 进行排名，不然搜索引擎或许会为你选择它。

所选 URL 的抓取频率更高，而其他 URL 则被抛在后面。

你可以看到，虽然几乎没处罚风险，但这种情况远非最好状况。

另一个好处是，规范化页面可以更轻松地跟踪与内容有关的性能统计信息。

对重复内容用 rel=canonical 能够帮助搜索引擎整理你的所有工作，并将链接信号从所有页面的版本传递到最佳选择版本。

这就是用规范标签可以帮助你将 网站优化 工作引导到一个方向的地方。

最好 网站优化 实践

• 在同一主题上具备相似内容的页面。

• 在多个 URL 下可用的重复页面。

• 具备会话 ID 或其他不影响内容的 URL 参数的同一页面的版本。

• 小心地对近乎重复的页面用规范标签：假如通过规范标签连接的两个页面在内容上差异太大，搜索引擎将简单地忽视该标签。

5. 标题标签 （h3-H6）

标题标签是 HTML 标签，用于标识页面内容的不同部分，并充当不同部分的迷你标题。

现在，标题标签的用法引起了一些争论。

虽然 H2-H6 标签被觉得对搜索引擎来讲不那样要紧，但很多行业研究都强调了 h3 标签的正确用。

尽管 H2-H6 标签刚开始用于 UX 目的，但 2021 年段落索引的引入使它们变得很有价值。比如，假如查看与 H3 标题及其有关段落匹配，搜索引擎可以索引和排名你页面的一部分。

相反，大家应该考虑的是，标题对于文本和内容组织至关要紧，大家应该认真对待它们。

用标题标签一定会增加内容的构造。

• 对于搜索引擎来讲，阅读和理解组织好的内容比爬行结构性问题更容易。

• 对于用户来讲，标题就像文本墙上的锚点，在页面中导航并使其更容易消化。

这类原因提升了仔细优化的重要程度，其中小事加起来就是大的网站优化和用户友好的画面，并可能致使排名上升。

最好实践

• 使你的标题与它们所描述的文本块有关。仅仅由于它们不是排名原因并不意味着搜索引擎不考虑它们。

• 一直让你的标题反映出它们所覆盖的文本的情绪。防止用“第 1 章......第2章...第 3 章......“。

• 不要过度用标签和其中的关键词。维持用户可读性。

你的标题标签和 h3 应该匹配吗？

大家鼓励你匹配页面的标题和 h3，稍微更改顺序并在此处和那里更改它。

因此，假如你正在努力想出完美的 h3，仅需第三用你的标题即可。

6. HTML5语义标签

HTML5 语义标签是最新的 HTML 标准，对于帮助搜索引擎更好地理解页面内容是必要的。

以下是页面源码中 HTML5 标记的外观：

<article><h3>10 Most important meta Tags You Need to Know for 网站优化</h3><p>Title tags are placed in the 'head' of your webpage and are meant to provide a clear and comprehensive idea of what the page is all about.</p></article>

HTML5标签示例

今天有不少 HTML5 标签被 网站优化 广泛用。假如你注意观察这类标签，你会发现它们的名字重复了任何页面上最容易见到的元素，譬如视频、菜单等。

所以他们在这里（大部分）：

• <article>— 概念一个独立单元的大而有意义的内容（文章、平台帖子等）。

• <aupo>— 显示嵌入的声音或音频流。

• <details>— 描述一个小部件，用户可以从中获得其他信息或按需控制。

• <palog>— 概念用户在必要时可以与之交互的对话框或子窗口。

• <embed>— 嵌入一段多媒体内容，如视频、声音或任何外部应用。

• <footer>— 概念页面、文档或部分的页脚内容。

• <header>— 概念页面、文档或部分的标题部分的内容。

• <main>— 概念页面内容或<文章>中非常重要和最有意义的部分（<main> 可以放在<文章>部分中）。

• <nav>— 概念带有导航链接的页面部分。

• <picture>— 概念多个图像源的容器。

• <source>— 显示嵌入式媒体元素（如<aupo>或<video>的替代源。

• <summary>— 除去<details>，此元素还提供对用户可见的摘要。

• <svg>— 在 HTML 文档中嵌入 SVG 文件。

• <time>— 以机器可读的格式对日期和时间（过生日、事件、会议等）进行编码。

• <video>— 将视频内容嵌入到 HTML 文档中，而不需要任何其他插件来播放视频。

最好 网站优化 实践

事实是，HTML5 标签取代了大家都了解并继续用的永无止境的<pv>。

尽管这样，HTML5 属性可以帮助你更快地索引内容并获得更好的排名，由于搜索引擎可以了解地看到并理解什么是<文章>、什么是<视频>，与在哪儿可以找到一组导航链接<nav>。

这就是为何与 HTML5 标签有关的唯一最好实践事实上是在你的页面上用它们并正确应用它们——将特定标签应用于内容的特定部分。

不要试图欺骗并用<video>标签标记文本内容——搜索引擎不会喜欢如此。

7. 图像替代属性

image alt 属性是你添加到图像的标签，用于提供书面描述。在实践中，它可能看着像如此：

<img src="https://mtpak.coffee/wp-content/uploads/2021/02/image2.jpg" alt="Roasting coffee beans">

Alt 属性在页面优化方面非常重要，缘由有2、

• 假如没办法加载任何特定图像（或图像被禁用），则向访问者显示替代文本。

• Alt 属性提供上下文，由于搜索引擎没办法“看到”图像。

对于电商网站，图像一般对访问者与页面的交互方法具备至关要紧的影响。

帮助搜索引擎知道图像的内容与它们与其他内容的关系可能能够帮助它们为适合的搜索查看提供页面。

假如你想在搜索引擎图片中排名，经过再三考虑的图像替代描述也非常重要。

但请记住，有关性的重要程度：不止是替代文本、标题和标题需要与图像有关，而且图像本身也应该放置在其适合的有关上下文中。

最好实践

• 尽最大努力优化或许会在搜索引擎图片搜索中查找到的最突出的图片（商品图片、信息图表或培训图片）。

• 在除图像外没太多内容的页面上添加替代文本。

• 维持替代文本足够明确和描述性，合理用你的关键词，并确保它们自然地合适页面内容的整个画布。

8. Nofollow 属性

外部/出站链接是你网站上指向其他网站的链接。

当然，这类用于引用经过验证的来源，将大家指向其他有用的资源，或出于其他缘由提及有关网站。

这类链接对网站优化来讲尤为重要：它们可以使你的内容看着像一个由靠谱来源支持的手工制作的综合作品，或者像一个没那样多有价值内容的链接转储。

大家都知道，Google对操纵性链接方案的紧急反感，坚持这种方案或许会致使惩罚，而且它在测试它们方面并没变得不那样聪明。

此外，在语义搜索年代，Google或许会将你引用的来源视为上下文，以更好地理解你页面上的内容。

因为这两个缘由，值得注意你的链接地方和方法。

默认状况下，所有超链接都会被跟踪，当你在网站上放置链接时，你基本上会对链接的页面“投下信赖票”。

当你向链接添加nofollow 属性时，它会指示搜索引擎的机器人不要跟踪该链接（并且不要传递任何链接权益）。

在 HTML 中，nofollow link 属性如下所示：

<a rel="nofollow" href="https://www.apple.com">Apple</a>

除去传统的 nofollow 以外，搜索引擎还引入了另外两个选项来指定 nofollow 链接，rel="sponsored" 用于付费链接，rel="UGC" 用于用户生成的内容，如平台评论：

<a rel="sponsored" href="https://www.apple.com">buy Apple</a>

<a rel="UGC" href="https://www.apple.com">what users say about Apple</a>

维持你的网站优化整洁，你会在你的页面上维持一个健康的平衡，在你的页面上，关注和关注的链接，但一般会将以下种类的链接设置为nofollow。

• 指向以任何方法被视为“不受信赖的内容”的任何资源的链接。

• 任何付费或赞助链接（你不期望搜索引擎发现你供应你的“投票”）。

• 来自评论或其他种类的用户生成内容的链接，这类内容或许会超出你的控制范围。

• 内部“登录”和“注册”链接如下，这只不过对抓取预算的浪费。

结论

HTML 元标记是一种常青的 网站优化 技术，由于 HTML 是互联网上每一个页面的基础。这类是你的页面网站优化中永远不应该忽略的入门知识。

有时，这类“入门知识”是阻止你排名靠前的问题，由于搜索引擎没办法辨别你的内容。

好吧，你了解了。除此之外，当今的AI炒作使得正确的HTML标签用变得愈加要紧——它们可以帮助搜索引擎理解内容，打造联系，从而练习AI。

网站优化在不断进步，HTML也在不断进步，新的标签也出现了。观看新闻，维持关注并用标签。