HTML5 代码要怎样凭“魅力”吸引搜索引擎的注意？

作者 |Thaís V

译者 | 弯月，责编 | 屠敏

出品 | CSDN（ID：CSDNnews）

以下为译文：

为了让你的 HTML5 代码引起Google等搜索引擎的注意，你需要在HTML语言规则上下一番功夫，并在编写代码时应用一些策略。编写这样的代码其实并不难，而且还有很多好处。

在本文中，我们将介绍：

HTML5 结构化语义的作用是什么？

为什么这种语义如此重要？

如何才能引起Google等搜索引擎的注意？我会举例说明！

如何善加利用验证工具？

下面，让我们开始吧！

HTML5 结构化语义的作用

HTML5结构化语义的作用是通过语义标签来组织文档的内容，它用到了设计目的各异的若干标签。

语义化的HTML标签旨在描述HTML文档内容的含义，还可以帮助程序员、浏览器和搜索引擎更加清楚地了解这些含义。

因此，语义化的代码可以让用户导航更易于访问、模式化且易于维护。HTML的作用不是构造文档本身，而是通过语义标签赋予内容含义。

正确使用语义元素对于构建现代化、组织化、标准化的网页至关重要，而且还能方便阅读和维护代码。

语义真的很重要吗？

语义是Web平台特有的主要优势之一，因此语义很有必要性。编写具有恰当结构的代码有助于搜索引擎（比如Google）评估网站的内容。除此之外，还有一些有价值的原因值得注意：

正确的标签可以增加网站的竞争力；

正确的标签可以方便有特殊需求的用户访问网站的内容，例如视力障碍者；

正确的标签可以减轻其他开发人员维护网站的压力；

正确的标签可以让你的工作更加专业；

正确的标签甚至可以影响到你的网站是否会出现在Google的搜索结果中。

猜猜看，谁将阅读网站的语义，并决定网站的内容是否与搜索关键字相关？没错，正是Google等搜索引擎！网站在搜索结果中的排名也是由搜索引擎决定。

你是不是应该重视起来了？

而引起等搜索引擎注意的正是主要的语义标签！

下面，我列出了一些主要的语义标签：

：不是HTML的标签。这个标签为浏览器提供了有关HTML版本的信息，在创建HTML时我们首先应该写明的就是这个标签。

：是、

、等元素的容器，这些元素不会在浏览器中显示。

：标签是HTML元素的容器，包括那些不会显示在浏览器中的元素。

：由一组链接列表组成。

：一个HTML文件应该只有一个，它的作用是组织主要内容，它不应该出现在页脚或文章等其他标签中。

：每个

都可以包含一系列有序的文章标题和其他标签。它代表文档的一个部分，例如文档的章节、页脚、旁边或其他信息。

：应该用于标记出一段独立的内容，不需要依赖其他内容。

：的内容应该作为对主题的补充。你还可以用它添加与文档主要内容不相关的内容，比如广告。

：的出现表明文档中包含图像。

：包含了对图像的说明。

：定义了站点的页脚，或某一部分的页脚。这个标签的内容多种多样，例如导航菜单、社交媒体链接、服务条款、隐私政策、商标等等。