一．什么是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属性中将表意完整的标题文案补充完整。或采用以图换字策略，将完整表意标题补充完整。

延伸阅读

• 小程序名字修改的技巧规则

  我们都知道名字的意义，名称作为陌生人最先的认知，在物质喧嚣的时代，如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象，这至关重要。随着小程序开发越来越多，运营者在给小程序...

• 小程序商城怎么运营？

  小程序商城在当今电商领域日益受到瞩目，成功运营这样一个平台对于每个经营者而言都至关重要。那么，我们该如何着手呢?一、确立品牌方向首先，我们要清晰地定义自己的品牌在市场中的位置。...

• 自建商城运营秘籍，吸引顾客有妙招！

  新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出，关键在于精准地定位核心产品。选择具有市场潜力的热销产品，并突出其独特之处，是吸引...

• 小程序商城推广完全指南

  随着小程序商城的日益兴起，如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样，以下是一些有效的策略：1.公众号与小程序的结合：商家可以将小程序与公众号绑定，...

• 推广引流方法有哪些，裂变营销什么意思

  推广引流方法有哪些，裂变营销什么意思除了各公域平台，另一个比较重要的引流场景，就是在微信中。一方面做信社交性强，对于身边用友的链接更紧密，微信上也会以群、公众号的形式聚集一群有...