seo教程:搜索引擎优化入门与进阶(第2版)电子版(一个看似与SEO关系不大的知识点，你就能感觉到它的重要程度)

　　seo教程:搜索引擎优化入门与进阶(第2版)电子版(一个看似与SEO关系不大的知识点，你就能感觉到它的重要程度)

　　我们现在所经历的，好与坏，都是小事。走过那些风雨飘摇的日子，所有的艰辛都将内化为力量，留下璀璨珍贵的回忆和一路坚持的勇气。

　　今天给大家讲解一个貌似和SEO关系不大的知识点。在下面的讲解中，你或许能感受到它的重要性。接下来大家就往下看吧。如果您有任何问题，可以给我留言。——及时的鼓励，时间不善待他人。

　　文档结构语义HTML5介绍

　　此时，这篇文章总共约1500字，仔细阅读需要5分多钟。

　　文档结构语义化的HTML5，其实很早就出来了，或许对于前端人员来说，是很熟悉的。但是，在实践中，很少有前端人员按照这个进行操作。还没开始讲，黄伟老师就给大家解释了：为什么语义HTML5对SEO很重要？

　　在这里不谈SEO优化技术。原创文章 等搜索引擎蜘蛛抓取页面时，看到的是HTML代码，只能基于HTML代码。页面分析，它无法知道页面，哪个地方重要，哪个地方跟人类一样次要（可能我们会想到大数据、人工智能进行综合分析，但我说的是第一个基础分析）。从改进搜索引擎分析的角度来看，语义HTML5无疑规范了HTML编写技术，让搜索引擎（机器）更快、更有准备地理解相关内容的含义。

　　通过上面比较简单的讲解，相信各位同学都明白了它的重要性。下面给大家具体讲解一下语义HTML5的相关内容。

　　1

　　什么是语义 HTML5？

　　HTML标签的作用其实就是格式化内容，这些标签告诉浏览器如何在页面上显示排版后的内容。但他们没有说明他们收录的内容类型或内容在页面上扮演的角色。

　　语义 HTML5 通过定义特定的标签来清楚地表明这些标签收录什么角色来解决这个缺点。这些清晰的信息有助于谷歌和百度等机器人/爬虫更好地了解哪些内容是重要的，哪些是附属的，等等。通过给页面添加语义HTML标记，相当于直接向搜索引擎提供其他信息，帮助谷歌和百度了解页面各部分的作用和相对重要性。

　　例如

　　这些是非语义 HTML 元素的示例。他们只能与浏览器沟通应该如何显示内容。他们没有提供内容在页面上扮演的角色。

　　这些是语义元素。它们清楚地定义了它们所收录的内容的作用。

　　2

　　为什么我需要使用它？

　　对于用户来说，用他们的眼睛很容易识别网页的所有部分。标题、菜单和主要内容很容易识别。

　　但是搜索引擎蜘蛛看不到它，所以它想通过视觉来查看和理解页面的内容，这是非常困难的。

　　因此，他们需要我们的帮助。如果我们能清楚地告诉搜索引擎这些页面的哪一部分是页眉，哪一部分是页脚，哪一部分是导航页面。最重要的是，告诉他们什么是最重要的内容，你就给他们一个明确的指示。

　　我一直认为成功的搜索引擎优化是很多小细节的积累。这是可以提高搜索引擎对我们网站内容的理解的小细节之一，有助于我们的搜索引擎优化工作。

　　3

　　HTML 的语义元素是什么？

　　语义 HTML 标签的示例包括和。可以使用的语义HTML5标签还有更多（例如和），但在本文中，我只会看那些需要将页面内容划分为基本部分的语义HTML标签。

　　可以使用以下 HTML5 标签

　　标签的位置，用于将页面内容分解为识别部分，每个部分都履行特定的角色。如果是这样，为什么搜索引擎不喜欢它。

　　这种对内容每一部分的清晰划分和明确的角色归属，使页面更清晰，更容易为搜索引擎正确索引。

　　注意：由于这些标签的行为与

　　标签，所以他们可以简单地替换现有的

　　不影响布局。

　　语义 HTML5 示例

　　超简单语义 HTML5 示例：

　　这里我们简单定义了页面标题、导航、主页面、页脚各部分所起的作用。

　　更复杂的例子

　　这里我们在我们的主要内容中建立了一个层次，有一个全方位的文章覆盖了主要标签的中心内容。这概述了页面该部分的主题。在那个 文章 中，我们有多个子主题来开发由嵌套部分标识的主题。

　　相关信息

　　间接相关

　　注意：旁边的内容不一定是主要内容旁边的侧边栏。它也可以用于主要内容下方的块，其中收录标题、文本和到其他页面的链接

　　在这里，我们确定了与主要内容以外的页面间接相关的内容。这里我们表示旁边的内容与主文章没有直接关系。

　　这里先解释一下HTML语义的内容。这次只讲解一些基础知识。下一期我会为大家讲解这些HTML语义元素在SEO中的含义。了解了这些之后，希望你有一个很好的SEO技巧。有帮助。