一．什么是HTML5大纲算法

HTML5大纲算法指的是：通过处理section、article、aside、nav、等区块元素中的h1-h6标题元素来提取文档大纲（outline）的算法。作为深入研究语义标签的SEOER来说，应该能够很敏锐的洞察到该算法将在SEO过程中发挥的重要作用。并将其应用到日常的网站优化过程中。

二．大纲算法所涉及的区块标签

定义区块<section>标签：
section表示区块，用于标识文档中的节，多用于在页面上对内容进行分区，例如，章节、页眉、页脚或文档中的其他部分。

定义文章块<article>标签：
article表示文章，用来标识页面中一块完整的、独立的、可以被转发的内容。

定义侧栏<aside>标签：
aside表示侧边，用来标识所处内容之外的内容。aside内容应该与所处的附近内容相关。例如，当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边广告、导航条，以及其他类似的有别于主要内容的部分。

定义导航<nav>标签：
nav表示导航条，用来标识页面导航的链接组。一个页面中可以拥有多个nav元素，作为页面整体或不同部分的导航。具体应用场包括：主菜单导航、侧边栏导航、翻页导航等。

三．区块标签的使用注意事项

我们在采用这些HTM5新增的语义标签对页面代码进行重构时，经常会遇到各种各样的问题，在此，我将多年来做SEO过程中遇到的各种主要问题进行汇总，罗列到这里，希望对大家有所帮助，如有欠妥或解释不清的地方，也欢迎前端和SEO同行一起讨论，共同进步。

section与div的区别：
虽然section与div都可以对页面进行分区，但：div元素关注的是：结构的独立性，而section关注的是：内容的独立性。当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div。

article与section的区别：
我们可以将article看做是一种特殊功能的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。具体来说，如果一块内容相对来说比较独立、完整的时候，应该使用article元素，但是如果想将一块内容分成几段的时候，应该使用section元素。

nav与menu元素的区别：
menu标签用来定义带有明确操作指令如：打开，新建，保存的菜单。而nav只是定义一个指向某个具体页面的导航。因此二者不能互相替代，通常在网页开发过程中只使用nav标签。

四．H标题在区块元素中的应用

1. 在article元素中必须包含一个H1标题标签，用以说明整篇网页内容的核心主题。

2. 在section元素中必须包含一个H2标题标签，通常情况下，这个H2标签是对article元素中的H1标题标签的解释说明。

3. 当出于设计，美观，用户体验的角度考虑，无处安放显性H1标记时，可以在nav元素中的当前页链接中插入H1标记。

4. 在aside元素中可以包含一个或多个H3-H6标题标记，aside元素中的标题元素级别必须低于正文中最低标题级别。

五．关键词布局策略

每个H标题标签中尽量显性出现核心关键词，若不能，则需要在title属性中将表意完整的标题文案补充完整。或采用以图换字策略，将完整表意标题补充完整。