一．什么是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屬性中將表意完整的標題文案補充完整。或采用以圖換字策略，將完整表意標題補充完整。