你必須記住的是,搜索引擎優化有時可能會損害用戶的友善程度 - 或者說人們願意跳槽以提高排名,導致妥協。在你的例子中,用戶只是想知道網頁是關於什麼的(即你提到的'無聊'字樣),但爲了優化搜索引擎,你必須填入一些關鍵字,這可能會妨礙用戶的體驗。
在我看來,對於這些事情總是要務實,並且要平衡兩者,而不是讓搜索引擎不利於用戶(反之亦然)。如果你正在編寫乾淨的語義HTML,那麼無論如何你都可能幾乎平等地跨越這些矛盾的關注點。
現在到您的具體問題......
你H1
最好應始終描述頁面的內容。這是它的目的,也是這些情況下的最佳經驗法則。如果它沒有描述你的頁面,那麼你做錯了;-)
這導致了一般標題的廣泛點,我認爲很多人錯過了 - 標題定義文檔的結構。聽起來很明顯,當你說的時候,不是嗎?但想一想更多...文檔的結構將定義您的頁面上的內容如何在邏輯上分組到部分。因此,如何通過正確的標題嵌套來正確地構建文檔是爲了確保Google可以輕鬆地從您的頁面收集信息,並正確地將標題與內容相關聯,從而確定頁面的主題(或主題)。它有助於在這裏將谷歌機器人視爲操作屏幕閱讀器的人(奇怪的想法!),試圖將您的頁面理解爲純文本。
我似乎在這裏取一點彎路,但我保證你我領先你的第二個quesiton ;-)
這種分組的內容背後的理論歸結爲是知道的文檔概要算法。如上所述,頁面上的內容被分組爲段,子段和子子段等。在HTML 4.x和XHTML 1.x中,這些部分是隱式創建的,它們的創建完全依賴於標題 - 每次爲頁面添加標題時,都會創建新的(子)部分信息。 H1是頁面的根部分,下面的所有標題都會將其隱藏起來,可以這麼說。這就是標題應該正確嵌套的原因。
如果您現在正在考慮「所有關於部分的討論; HTML 5 section
標籤怎麼樣?」,那麼我想讚揚你的觀察力!在HTML 5中,section
標籤(如標題標籤)能夠創建新的內容部分,但這裏明確地這樣做與標題創建的隱含部分不同。值得注意的是,article
標籤也明確地創建了新的部分。如果您考慮如何在語義上使用這些標籤,這應該是完全合理的。
所以從領先的理念是(並回答你的第二個問題),我們能在每個頁面多H1
標籤 - 只要它們是在不同的/獨立的部分,這是由使用的article
明確形成或section
標籤。
有關文檔大綱算法的極好描述可以在smashing magazine找到,檢查頁面大綱的一個很棒的工具是Firefox的web developer toolbar。在工具欄中單擊信息,發現內部下拉應該是文檔大綱(我不記得確切的措辭,但它應該接近)
希望有幫助,它變成了一篇散文那裏!
謝謝Wicky,你的回答超越HTML到HTML5,那太棒了。 在你從粉碎雜誌鏈接的文章中,標題爲''用剖切內容創建輪廓'「是如何處理無聊頁面的一個很好的例子。 感謝大綱信息。 –
沒問題,HTML 5的相關性越來越高,所以認爲討論它是一個好主意,如果只是爲了與XHTML/HTML4比較來解釋差異。那篇文章很棒,絕對值得收藏:-)我強烈推薦Web開發者工具欄,以便快速檢查文檔大綱。 – WickyNilliams