SEO必须知道的八个最重要的元标记和HTML元素
在网络信息爆炸的今天，如何让你的网站在搜索引擎中脱颖而出，成为了每个网站运营者必须面对的问题。这就是搜索引擎优化（SEO）的重要性所在。其中，HTML元标记在SEO中扮演了重要的角色。HTML元标记不仅能够影响你的搜索引擎排名，还能够改善你的网站用户体验，提高网站的可访问性。
那么，让我们开始吧。以下是供您在网站上使用的前 8 个 HTML 元标记。仔细阅读并借鉴最佳实践。
1. 标题标签
标题标签是您主要和最重要的锚点。
<title> 元素通常在搜索引擎结果页面 （SERP） 中显示为可点击的标题，也显示在社交网络和浏览器中。
例如，如果您查看本文的 HTML，您将看到标题为：
<title>10 Most Important Meta Tags You Need to Know for SEO</title>
标题标签放置在网页的<头部>中，旨在提供清晰而全面地了解页面的全部内容。
搜索引擎着眼于全局，他们倾向于从整体上评估页面的内容，但一本书的封面仍然很重要——尤其是在与搜索者的互动方面。
最佳实践
为每个页面提供一个唯一的标题，以简洁准确地描述页面的内容。
标题的长度不超过 50-60 个字符（这样它们就不会在 SERP 中被截断）。请记住，在 SERP 上，长标题被缩短到大约 600-700px。
把重要的关键词放在第一位，但要以一种自然的方式，就好像你首先为你的访问者写标题一样。
在标题中使用您的品牌名称。即使它最终没有显示在 SERP 上，它仍然会对搜索引擎产生影响。
提示：使用标题吸引注意力
标题标签很珍贵，不仅因为它是主要的 SERP 元素，还因为它在您的网络浏览器中用作选项卡标题。
2. 元描述标签
元描述也驻留在网页的<头部>中，通常（但并非总是）与标题和页面URL一起显示在SERP片段中。
例如，这是本文的元描述：
<meta name="description" content="HTML tags are crucial for SEO more than ever before. In this post, I’m sharing the top 10 HTML meta tags you need to know."/>
虽然元描述不是一个直接的排名因素，但它需要你进行优化才能吸引用户（和谷歌）的注意力。
元描述是人们在搜索片段中看到的内容以及标题，因此这是让他们决定您的页面是否值得点击的方面之一。
该描述会影响您获得的点击次数，如果网页内容符合承诺，还可能提高点击率并降低跳出率。这就是为什么描述必须既逼真又吸引人，并清楚地反映内容。
如果您的描述包含搜索者在搜索查询中使用的关键字，它们将以粗体显示在 SERP 上。这在很大程度上可以帮助您脱颖而出，并准确地告知搜索者他们会在您的页面上找到什么。
如果搜索引擎认为您的描述与您的页面内容不匹配，它可以以适当的方式生成自己的描述。因此，请确保您的元描述包含主要关键字并且与主题相关。
没有办法把你想要排名的每个关键词都放在元描述中，也没有真正的必要——相反，写几个有凝聚力的句子来描述你的页面的要点，包括一些关键词。
弄清楚在你的元描述中写什么，什么最适合你的特定主题，一个好方法是做一些竞争研究。
查看您的顶级竞争对手如何填写自己的描述，以了解每个特定情况下的最佳用例。
最佳实践
为每个页面提供独特的元描述，以清楚地反映页面所承载的价值。
搜索引擎的摘要通常最多为 150-160 个字符（包括空格）。
包括你最重要的关键词，这样它们就可以在实际的SERP上突出显示，但要注意避免关键词堆砌。不要让你的描述只是你所定位的关键词的组合。
或者，使用引人注目的号召性用语、您提供的独特主张或有关预期内容的其他提示——“学习”、“购买”结构等。
不要使用引号，因为搜索引擎可能会在那里剪切您的摘要。
提示
元描述不必只是一个重复页面文本第一段的句子。
要有创意 - 添加号召性用语 （CTA） 以鼓励相关行动，使用关键字变体（即不是您在标题中使用的关键字），并牢记搜索意图。
例如，如果你有一个关于扇贝的信息页面，最好将你的元描述设置为扇贝的定义。如果你的页面告诉你如何烹饪扇贝，那么请为你的食谱想出一个美味、硬皮的描述。
如果您是销售新鲜扇贝的鱼贩，请描述它们的新鲜程度，并鼓励人们尽快购买它们并附上一些 CTA。
3. 机器人元标签
带有 content="noindex" 属性的页面级机器人元标记指示搜索引擎不要索引任何给定页面。
nofollow 属性指示不要关注该页面上的任何链接。
虽然这些标签与排名没有直接关系，但在某些情况下，它们可能会对您的网站在搜索引擎整体眼中的外观产生一些影响。
例如，搜索引擎非常不喜欢简短内容。
虽然这可能不是故意的，但您的网站可能有一些对用户几乎没有价值但出于某些原因是必要的页面。
此外，在完全优化之前，可能需要发布“草稿”或占位符页面。
理想情况下，在评估网站的整体质量时，您不希望考虑这些页面。
在其他情况下，您可能希望某些页面远离 SERP，因为它们具有特别优惠，应该只能通过直接链接（例如，从时事通讯）访问。
最后，如果您有全站搜索选项，我们建议“noindex” 自定义结果页面，这些页面可以无限地抓取，并且在没有独特内容的情况下浪费机器人的资源。
在上述情况下，noindex 和 nofollow 标签非常有用，因为它们可以让您对网站在搜索引擎中的外观进行一定的控制。
最佳实践
“noindex” 内容单薄的不必要/未完成的页面，这些页面几乎没有价值，也无意出现在 SERP 中。
“noindex” 不合理浪费抓取预算的页面。
请仔细确保不要错误地将重要页面编入“noindex” 。
4. rel="canonical" 链接标签
rel="canonical" 链接标签是一种告诉搜索引擎你认为哪个版本的页面是主要版本，并希望被搜索引擎索引并被人们找到的方法。
它通常用于同一页面在多个不同的 URL 下可用，或者多个不同页面具有涵盖同一主题的非常相似的内容的情况。
内部重复内容不像复制内容那样严格对待，因为它背后通常没有操纵意图。
然而，这可能会成为搜索引擎混淆的根源：除非您指出您更喜欢使用哪个 URL 进行排名，否则搜索引擎可能会为您选择它。
所选 URL 的抓取频率更高，而其他 URL 则被抛在后面。
你可以看到，虽然几乎没有处罚风险，但这种状况远非最佳状态。
另一个好处是，规范化页面可以更轻松地跟踪与内容相关的性能统计信息。
对重复内容使用 rel=canonical 有助于搜索引擎整合您的所有工作，并将链接信号从所有页面的版本传递到首选版本。
这就是使用规范标签可以帮助您将 SEO 工作引导到一个方向的地方。
最佳 SEO 实践
在同一主题上具有相似内容的页面。
在多个 URL 下可用的重复页面。
具有会话 ID 或其他不影响内容的 URL 参数的同一页面的版本。
谨慎地对近乎重复的页面使用规范标签：如果通过规范标签连接的两个页面在内容上差异太大，搜索引擎将简单地忽略该标签。
5. 标题标签 （h2-H6）
标题标签是 HTML 标签，用于标识页面内容的不同部分，并充当不同部分的迷你标题。
如今，标题标签的使用引起了一些争论。
虽然 H2-H6 标签被认为对搜索引擎来说不那么重要，但许多行业研究都强调了 h2 标签的正确使用。
尽管 H2-H6 标签最初用于 UX 目的，但 2021 年段落索引的引入使它们变得非常有价值。例如，如果查询与 H3 标题及其相关段落匹配，搜索引擎可以索引和排名您页面的一部分。
相反，我们应该考虑的是，标题对于文本和内容组织至关重要，我们应该认真对待它们。
使用标题标签肯定会增加内容的架构。
对于搜索引擎来说，阅读和理解组织良好的内容比爬行结构性问题更容易。
对于用户来说，标题就像文本墙上的锚点，在页面中导航并使其更容易消化。
这些因素提高了仔细优化的重要性，其中小细节加起来就是大的SEO和用户友好的画面，并可能导致排名上升。
最佳实践
使你的标题与它们所描述的文本块相关。仅仅因为它们不是排名因素并不意味着搜索引擎不考虑它们。
始终让您的标题反映出它们所覆盖的文本的情绪。避免使用“第 1 章......第2章...第 3 章......“。
不要过度使用标签和其中的关键字。保持用户可读性。
您的标题标签和 h2 应该匹配吗？
我们鼓励您匹配页面的标题和 h2，稍微更改顺序并在此处和那里更改它。
因此，如果您正在努力想出完美的 h2，只需再次使用您的标题即可。
6. HTML5语义标签
HTML5 语义标签属于最新的 HTML 标准，对于帮助搜索引擎更好地理解页面内容是必要的。
以下是页面源代码中 HTML5 标记的外观：
<article><h2>10 Most Important Meta Tags You Need to Know for SEO</h2><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 标签被 SEO 广泛使用。如果你仔细观察这些标签，你会发现它们的名字重复了任何页面上最常见的元素，比如视频、菜单等。
所以他们在这里（大多数）：
<article> — 定义一个独立单元的大而有意义的内容（文章、论坛帖子等）。
<audio> — 显示嵌入的声音或音频流。
<details> — 描述一个小部件，用户可以从中获取其他信息或按需控制。
<dialog> — 定义用户在必要时可以与之交互的对话框或子窗口。
<embed> — 嵌入一段多媒体内容，如视频、声音或任何外部应用。
<footer> — 定义页面、文档或部分的页脚内容。
<header> — 定义页面、文档或部分的标题部分的内容。
<main> — 定义页面内容或<文章>中最重要和最有意义的部分（<main> 可以放在<文章>部分中）。
<nav> — 定义带有导航链接的页面部分。
<picture> — 定义多个图像源的容器。
<source> — 显示嵌入式媒体元素（如<audio>或<video>的替代源。
<summary> — 除了<details>，此元素还提供对用户可见的摘要。
<svg> — 在 HTML 文档中嵌入 SVG 文件。
<time> — 以机器可读的格式对日期和时间（生日、事件、会议等）进行编码。
<video> — 将视频内容嵌入到 HTML 文档中，而无需任何其他插件来播放视频。
最佳 SEO 实践
事实是，HTML5 标签取代了我们都知道并继续使用的永无止境的<div>。
尽管如此，HTML5 属性可以帮助您更快地索引内容并获得更好的排名，因为搜索引擎可以清楚地看到并理解什么是<文章>、什么是<视频>，以及在哪里可以找到一组导航链接<nav>。
这就是为什么与 HTML5 标签相关的唯一最佳实践实际上是在您的页面上使用它们并正确应用它们——将特定标签应用于内容的特定部分。
不要试图欺骗并用<video>标签标记文本内容——搜索引擎不会喜欢这样。
7. 图像替代属性
image alt 属性是您添加到图像的标签，用于提供书面描述。在实践中，它可能看起来像这样：
<img src="https://mtpak.coffee/wp-content/uploads/2021/02/image2.jpg" alt="Roasting coffee beans">
Alt 属性在页面优化方面很重要，原因有二：
如果无法加载任何特定图像（或图像被禁用），则向访问者显示替代文本。
Alt 属性提供上下文，因为搜索引擎无法“看到”图像。
对于电子商务网站，图像通常对访问者与页面的交互方式具有至关重要的影响。
帮助搜索引擎了解图像的内容以及它们与其他内容的关系可能有助于它们为合适的搜索查询提供页面。
如果您想在搜索引擎图片中排名，经过深思熟虑的图像替代描述也很重要。
但请记住，相关性的重要性：不仅仅是替代文本、标题和标题需要与图像相关，而且图像本身也应该放置在其适当的相关上下文中。
最佳实践
尽最大努力优化可能会在搜索引擎图片搜索中查找到的最突出的图片（产品图片、信息图表或培训图片）。
在除图像外没有太多内容的页面上添加替代文本。
保持替代文本足够清晰和描述性，合理使用您的关键字，并确保它们自然地适合页面内容的整个画布。
8. Nofollow 属性
外部/出站链接是您网站上指向其他网站的链接。
当然，这些用于引用经过验证的来源，将人们指向其他有用的资源，或出于其他原因提及相关网站。
这些链接对SEO来说非常重要：它们可以使你的内容看起来像一个由可靠来源支持的手工制作的综合作品，或者像一个没有那么多有价值内容的链接转储。
众所周知，谷歌对操纵性链接策略的严重反感，坚持这种策略可能会导致惩罚，而且它在检测它们方面并没有变得不那么聪明。
除此之外，在语义搜索时代，谷歌可能会将您引用的来源视为上下文，以更好地理解您页面上的内容。
由于这两个原因，值得注意您的链接位置和方式。
默认情况下，所有超链接都会被跟踪，当您在网站上放置链接时，您基本上会对链接的页面“投下信任票”。
当您向链接添加 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>
保持你的SEO整洁，你会在你的页面上保持一个健康的平衡，在你的页面上，关注和关注的链接，但通常会将以下类型的链接设置为nofollow。
指向以任何方式被视为“不受信任的内容”的任何资源的链接。
任何付费或赞助链接（您不希望搜索引擎发现您出售您的“投票”）。
来自评论或其他类型的用户生成内容的链接，这些内容可能会超出您的控制范围。
内部“登录”和“注册”链接如下，这只是对抓取预算的浪费。
结论
HTML 元标记是一种常青的 SEO 技术，因为 HTML 是网络上每个页面的基础。这些是你的页面SEO中永远不应该忽视的基础知识。
有时，这些“基础知识”是阻止您排名靠前的问题，因为搜索引擎无法识别您的内容。
好吧，你明白了。此外，当今的人工智能炒作使得正确的HTML标签使用变得更加重要——它们可以帮助搜索引擎理解内容，建立联系，从而训练人工智能。
SEO在不断发展，HTML也在不断发展，新的标签也出现了。观看新闻，保持关注并使用标签。
