您和HTML5可以引起Google机器人的注意。 为此，您可以按照HTML语义的一些规则来策略性地编写代码。 这很容易，并且有很多优点。
在本文中，您可以找到以下答案：
- HTML5结构化语义的作用是什么？
- 为什么重要？
- 如何帮助我引起Google机器人的注意？ 剧透：有例子！
- 验证者可以如何帮助我？
所以，让我们开始吧！
HTML5结构语义 的作用
HTML5结构化语义的作用是通过语义标签来组织文档中存在的内容。 为此，它利用了几个针对不同含义设计的标签。
语义HTML标签旨在描述HTML文档中存在的内容的含义。 而且，它使程序员，浏览器和搜索机器人更加清楚。
因此，语义代码开始使用户导航更易于访问，模式化且易于维护。 HTML的作用不是构造文档，而是通过语义标记赋予内容含义。
正确使用语义元素对于构建现代，组织化，标准化的页面至关重要。 并且还使代码更易于理解和维护。
语义真的重要吗？
语义是Web平台相对于其他平台的主要优势之一，因此是必须的。 编写具有适当结构的代码有助于搜索引擎评估网站的内容。 除此之外，还有一些值得您注意的原因的重要清单：
- 使用正确的标记将使您的网站更具竞争力；
- 使内容（例如视力障碍者）更易于用户使用；
- 促进其他开发人员的网站维护；
- 使您的工作看起来更专业；
- 是否将网站正确放置在Google搜索中与否完全不同。
猜猜谁将阅读您网站的语义以决定其相关性？ Google机器人！ 对您的网站页面进行排名的页面。
足够引起您的注意吗？
引起机器人的注意-主要的语义标签！
下面列出了一些主要的正确标签，这些标签将使代码适合正确的参数：
<！DOCTYPE html> ：<！DOCTYPE>不是HTML标记。 它是向浏览器提供的有关HTML版本的信息，应该是写在HTML文档上的第一件事。
<head> ：<head>是<title>，<link>，<script>等元素的容器，这些元素不会在浏览器中显示。
<html> ：<html>标签应该是文档的容器HTML元素，即使那些不会显示在浏览器中的元素也是如此。
<nav> ：<nav>由设置链接列表组成。
<main>：文档应该只有一个<main>，并且打算将主要内容分组。 除此之外，它不会是其他标签（如页脚或文章）的后代。
<section>：每个开始的<section>可以具有标题和其他标签的新顺序。 它代表文档中的一个部分，例如文档的章节，页脚，旁边或其他信息组。
<article>： <article>用于标识不需要理解其他内容的独立内容。
<aside>： <aside>旨在具有与主题互补的内容。 它还可以用于在文档的主要内容中添加其他不相关的内容，例如广告。
<figure>： <figure>用于指示其中有图像。
<figcaption>： <figcaption>用于指示图形描述。
<footer> ：<footer>定义站点的页脚或部分的页脚。 该标签可以具有不同的信息，例如导航菜单，指向社交媒体的链接，您的服务条款，隐私权政策，徽标等。
要查看更多标签并获得乐趣，可以在w3schools上进行检查。
大朋友：验证者！
验证器是一种工具，用于检查您的代码是否符合结构化语义的规则（是否有效），并向您显示是否有一些行需要更正。
Validator W3使用起来非常简单。 要使用它，您必须上载HTML文件或将代码粘贴到网站上指示的框中。 帮助您练习正确的语义结构并遵循最佳做法可能很有用。
结论
采用这种做法非常重要。 它肯定会给您带来更多访问您的网站的机会，通过搜索引擎提高排名，并使您更容易理解和维护自己的代码。
我们需要制定算法来理解我们的代码并使我们的工作更加有用。 让我们引起机器人的注意吗？
From: https://hackernoon.com/you-and-html5-can-impress-googles-robots-and-be-on-the-first-pages-s5122b8a