b谷歌和必应都喜欢语义HTML5，所以它对SEO很有帮助！这篇文章提供了一个简单的指南，内容作者和文案应该使用基本的语义HTML5标签来更好地与b谷歌和Bing（以及一般的机器）交流。你的竞争对手可能还没有接近最佳实践，所以在你的内容中正确使用语义HTML5标签将使你在2018年及以后领先一步。所以继续往下读……
关于使用HTML5构建网页的指南，请阅读这篇文章
什么是语义HTML5？
如果你对HTML略知一二，你就会知道HTML标签（大部分）是用来格式化内容的；这些标签告诉浏览器如何在页面上显示内容。
一些标签传达语义信息（即含义）。以下是你需要知道的最有用的HTML5语义标签。
以下是你需要了解的最有用的HTML5标签。
继续往下读，学习它们的正确用法。
H1到H6标签=标题
每个人都知道 标签非常强大，因为它们确定了内容的关键子主题、它们的相对重要性以及它们之间的关系。这是在传递大量的语义信息。花点时间做好这件事是非常值得的。 不幸的是，许多网页不尊重 提示：虽然标题从H1一直到H6，但使用H4以外的标题是非常非常不寻常的。一旦你达到了H4，你应该问问自己，你的文章是否涵盖了太多的子主题，而不是分解成几篇文章。 在语义上使用标签——一个例子： 重要!在上面的例子中，文本的颜色、大小和水平位置与标签的语义完全无关。 从语义上讲，下面的HTML是完全相同的。 在本文中请记住，语义HTML标记中文本的可视化表示不会影响这些标记向机器传达的语义含义。 STRONG标签=重要 请注意，我提供了两个表示示例。标签内文本的设计与强标签的语义没有关联。 如果一个单词或几个单词在句子中比其他单词更重要，请使用标记。 对于SEO来说，虽然在所有关键字周围放置标签非常诱人，但不要这样做。过度使用会稀释效果，并会触发垃圾邮件过滤器。节约使用，正确使用。 EM标签 标签内文本的设计与em标签的语义没有关联。 如果为了使句子更有意义，需要重读一个词或几个词，则使用标签。大声朗读这个句子，你会在发音上强调“this”这个词。当屏幕阅读器遇到这个标签时，它会给自己（机器人）的声音增加重音。 标记=突出显示上下文中的重要内容 标记内文本的设计与标记标记的语义没有关联。 这是用来标记（或高亮）文本，使读者注意到文本，因为它与用户当前的活动/上下文密切相关。例如，突出一个问题的简短答案。 DEL tag =首次发布后删除的文本。INS tag =首次发布后插入的文本 在泰国旅行后，我改变了对我最喜欢的美食的看法：) 你可以用它来表示更新和修改；将与 ABBR标签=缩写/首字母缩写 同样，我们可以选择任何方式显示文本。abrr标签的语义不会改变。 虽然使用频率较低，但对于消除歧义非常有用（歧义对于b谷歌和Bing来说是一个巨大的问题）。在“世卫组织”这个词周围加上这个标签，明确表明我们谈论的是世界卫生组织。 引用标签=引用一个作品或一个人 同样，我们可以选择任何方式显示文本。引用标签的语义不会改变。 在HTML5中，标签中的文本代表一个人的名字或作品的标题（例如一本书、一篇论文、一篇文章、一首诗、一个乐谱、一首歌、一个剧本、一部电影、一个电视节目、一个游戏、一个雕塑、一幅画、一个戏剧作品、一个戏剧、一个歌剧、一个音乐剧、一个展览等）。 在上面的例子中，我们明确地声明我们正在谈论这本书。 BLOCKQUOTE标签=长引号 信息： 应该包括一个 标签，以表明原始来源。您可以使用链接元素（读者不可见）在blockquote标签中链接到原始来源，或者显示识别原始来源的文本（最好带有链接）。我在这里都展示了（也很好）。 Q标签=短报价 图FIGCAPTION tags =说明性元素 UL OL标签-列表 不是严格意义上的，但我不能夸大有序和无序列表的有用性。它们是结构化的，因此谷歌很容易消化和理解。令人惊讶的是，这些经常被混淆。 =没有顺序指示 =顺序（在本例中是我的首选）是显式的 什么，不 ???？ 美国标签=实际上是多余的 这些都是有效的HTML，但在语义上是无用的，也不会带来SEO的好处。 最被滥用（和无用）的HTML标签： 第一个（也是最常见的）错误是使用粗体作为SEO技巧来“提升”关键字。它不是。 最令人困惑的HTML标签： 斜体也是一种SEO技巧来“提升”关键字。它不是。 最容易误导人的HTML标签： 下划线有时被用作SEO技巧来“提升”关键字。它不是。另外，它看起来像一个链接。 标签没有SEO价值，而且无论如何都是多余的。在99%的情况下，本文中描述的语义HTML5标记之一更合适，应该使用。 HTML5和可访问性 HTML5的许多方面都符合可访问性的最佳实践（针对视力不佳的人的屏幕阅读器）。Alt, title，呃，strong… 谷歌基本上是盲目的，所以任何与可访问性相关的HTML5，真正帮助屏幕阅读器将帮助谷歌（和你的SEO）。 所以，我的建议是在标记页面时真正考虑可访问性/屏幕阅读器。 结论 正确执行语义HTML5已经非常重要，在未来几年将变得更加重要。b谷歌和Bing（以及其他爬虫）在识别内容性质方面只能完成一半的工作。正如HTML5 Rocks所说：“我们在标记内容的正确语义方面做得越好，机器人就越容易处理它。HTML5 Rocks 目前，大多数内容编写者不知道如何使用语义HTML5标签，并使用（错误的）非语义标签。理解并正确实现上面的几个标签将使您领先于曲线。 额外提示：WordPress和Semantic HTML5 对于WordPress用户来说，这是一个好消息——只要你： 直接在WordPress中编写，并使用默认的格式化按钮OR 从你的文字处理应用程序（Word, OpenOffice，谷歌Docs， Pages…）中复制/粘贴文本，不需要格式化，然后使用WordPress文本编辑器应用格式化。 WordPress中的文本编辑器默认使用HTML5。
从整体上描述了本文所涉及的主题。下面的其他
都是整个主题（父
标签）的不同子主题。每个
都是其父
的子主题-因此是该子主题的子主题。等等......。
跳到
，因为“它看起来更好”。不要这样做。在语义上使用
结合使用标签更适合于简短的报价。浏览器通常将
文本用引号括起来。如果引号跨越多行，则应该使用
标记。
或
的选择为列表添加了语义（含义）。