使用h1的正確方法？ （關於文檔大綱和SEO）

Question

我仍然試圖用HTML5來熟悉自己，有這個東西這感覺有點混亂....

我曾經讀過Jeremy Keith's book和HTML5醫生（通過this question）的說HTML5可以使用多個h1。在HTML5中，每個部分都可以有自己的標題元素，因此可以有多個h1。我見過一個WordPress的主題框架，"underscores"，這似乎最充分地應用了這一點。

但是，在定義站點結構/文檔大綱時，這似乎對舊版瀏覽器（尚未支持HTML5）造成問題。此外，它對SEO造成問題。

我偶然發現了Matt Cutts's (from Google) video重讀Keith的書裏面建議限制使用h1和使用傳統的文檔大綱（只使用一個或每頁兩個h1，其次是多h2，h3等）。馬特卡茨也暗示多個h1對SEO不太好。

然而，

• 我以前從來沒有注意認真的網站結構/文檔大綱。所以我從來不知道多少年前的瀏覽器（HTML5以前的版本）閱讀網站結構/文檔大綱。有一個HTML5 outliner，但我找不到HTML4的outliner。
• Matt Cutts的視頻（關於HTML5和SEO）於2009年發佈。我不知道Google是否已經支持新的HTML5方式概述 文件。

所以我的問題是，如果我想：

• 支持舊的瀏覽器（如火狐3.0和IE 6），以顯示正確的網站結構/文檔大綱
• 有個好結果在搜索引擎優化

我應該使用哪一個：多個h1 s（它在HTML5中完成的方式）還是常規方式？

這HTML5酮（實施例從HTML5醫生採取）：

<h1>My fantastic site</h1> 
<section> 
    <h1>About me</h1> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <section> 
    <h1>What I do for a living</h1> 
    <p>I sell enterprise-managed ant farms.</p> 
    </section> 
</section> 
<section> 
    <h1>Contact</h1> 
    <p>Shout my name and I will come to you.</p> 
</section> 

或傳統的方式？

<h1>My fantastic site</h1> 
    <h2>About me</h2> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <h3>What I do for a living</h3> 
    <p>I sell enterprise-managed ant farms.</p> 
    <h2>Contact</h2> 
    <p>Shout my name and I will come to you.</p> 

Answer 1

最好的辦法是使用HTML5和使用這個鏈接，使他們在舊的瀏覽器上運行，因爲谷歌已經準備好你的網站更好的方式，並考慮使用新技術（使您的網站是更好），如果你使用新的標籤。

<!--[if IE]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

把它放在你的網站的頭部，它會工作的優良舊版本的IE

Answer 2

使用新的格式。 很多人會使用h3 s或h2 s，這也很好。

事實上，他們將使用由HTML5提供的section或article或header或footer元素，然後用h3或h4爲標題，該文檔段（因爲怕SEO處罰/傳統造型|佈局怪癖） 。

這也很好。

如果您再次觀看Cuts的視頻，他說要保持h1的使用率最低 - 只有在真正保證時才使用倍數。

在這一點上並沒有真正改變。

谷歌不會因爲擁有倍數而謀殺你。谷歌是希望每個人都意味着內容發生了根本性的變化。

無論您是否在該部分中存在切片（section/article/etc）元素，情況都是如此。

谷歌也已經到了一個地步，他們正在抓取AJAX或JavaScript依賴的網站，並擁有自己的內容豐富的元數據系統......它們足夠成熟，可以解析section或article。

更多關於內容質量的信息，如果您準備好了，Google搜索結果中使用的特定元數據等...... ...讓Google擔心導航語義（只要你使用它們，而不是做任何事情）。

較小的抓取工具，誰知道......但這是基於每個抓取工具的基礎上的，大多數人只需要關注Google和Bing以及雅虎，其他抓取工具要麼是從谷歌中取食，要麼是非常特定於域（例如，如果由於某種原因，您希望在選擇加入的汽車租賃爬蟲中排名靠前，那麼您應該提供某種類型的XML/JSON提要）。

Answer 3

deathlock，你的第二個例子不包含任何分段元素。但是，您可以使用除h1以外的標題元素。我認爲這是你的問題點：在每一個切片元素

<section> 
    <h1>…</h1> 
    <section> 
    <h1>…</h1> 
    </section> 
</section> 

或 「計算」 的標題級別

<section> 
    <h2>…</h2> 
    <section> 
    <h3>…</h3> 
    </section> 
</section> 

語義/技術上，它們是相同的

h1。

搜索引擎優化不應該是一個問題，因爲「h1無處不在」將（並已被）在整個網絡中使用，並且各大搜索引擎都知道這一點。如果他們想要支持HTML5，他們必須理解概述算法。我敢打賭，他們的抓取工具/ API已經正確計算出真實的標題級別，例如HTML5 outliner。

爲什麼要使用h2 - h6作爲切分元素標題的唯一原因是舊的輔助功能軟件，例如，屏幕閱讀器。他們通常會提供一個大綱菜單，所以用戶可以直接跳到某個標題。所以，如果你總是使用h1，舊的屏幕閱讀器，不知道HTML5，將宣佈所有標題爲h1，因爲他們沒有計算出正確的大綱級別。 然而，大白鯊13例如（當前版本的屏幕閱讀器的），只得到「h1無處不在」爲HTML5正確的IE瀏覽器，AFAIR，如果你在一個HTML5頁面使用其他標題級別它被混淆。這當然是一個錯誤，但這是一個很好的例子，堅持「舊方式」並不總是適用於較新的軟件。

所以你可能得到問題兩種方式。

在我看來，你應該堅持使用HTML5規範建議什麼，這將是：使用h1所有切片元素標題。因爲這個規範是未來的用戶代理，輔助功能工具，搜索引擎和其他服務/軟件用來構建他們的產品。

然而，這取決於你的使用情況，當然。如果你知道你的訪問者的統計數據，你應該使用它們來爲你的特例做出正確的決定。例如。如果您的網站將來不會生活多年，請使用現在的。