13693193565
SEM營銷 / SE0營銷 / SMM營銷技術
善實戰SEO高端人才的智慧結晶
2023-09-15 作者：Joshua Hardwick 來源：SEO匯總
H1 標簽是最常用于標記網頁標題的 HTML 標簽。與 H2、H3 等標簽相比，大多數網站使用 CSS 樣式使 H1 在頁面上更突出。但是為什么 H1 標簽很重要？有哪些實踐方法？
在本指南中，你將了解所有這些問題的答案：
為什么 H1 標簽對 SEO 很重要？如何添加 H1 標簽？H1 標簽的 SEO 最佳實踐是什么？為什么 H1 標簽對 SEO 很重要？下面是原因：
H1 標簽幫助搜索引擎理解頁面H1 標簽改善用戶體驗H1 標簽提高可訪問性
H1 標簽幫助搜索引擎理解頁面Google 的 John Mueller 說過 H1 標簽幫助 Google 理解頁面的結構。因此，如果你按照 Google 的推薦去使用 H1 標簽，就相當于你在有效地告訴 Google 你的頁面內容是什么。
如何添加 H1 標簽？H1 標簽改善了用戶體驗，因為它們是網頁結構的一部分。 H1 是頁面上最突出的部分，然后是 H2，然后是 H3，依此類推。
未能正確使用 H1 標簽和其他標題，頁面變得難以理解。
H1 標簽提高可訪問性數百萬視障人士使用屏幕閱讀器將網頁和圖像轉換為音頻。根據 webAIM 的這項研究，60% 的屏幕閱讀器用戶更喜歡頁面只有一個 H1 標簽。
如何添加 H1 標簽？大多數 CMS 可以輕松地在頁面中添加 H1 標簽。下面我們來看看在幾個流行的CMS里面怎么實現。
如何在 WordPress 中添加 H1 標簽大多數 WordPress 主題都都使用頁面或文章題目作為 H1。
如何在 Wix 中添加 H1 標簽大多數 Wix 主題在每一頁上都有一個 H1 標簽。如果你不確定在哪里，請在主題編輯器中更改 H1 標簽的樣式?？梢宰岉撁嫱癸@出 H1 標簽中的文字。
如何在 Squarespace 中添加 H1 標簽大多數 Squarespace 主題在每一頁上都有一個 H1 標簽。如果你不確定它在哪里，只需單擊突出的文本框，直到你看到帶有 “Heading 1” 樣式的文本框。
如何在 HTML 中添加 H1 標簽L使用 H1 開始標記 （<h1>），輸入頁面標題，然后添加 H1 結束標記 。
例子：
<h1>這里是 H1</h1>H1 標簽的最佳實踐在我們執行最佳實踐之前，你需要知道以下的任何一個都不可能對你的網站 SEO 造成破壞。所以如果你沒有做這些事情，不要驚慌。它肯定不會導致例如谷歌懲罰這樣的事情。
Google 的工作是理解、索引和排名。對于沒有 H1 標簽的頁面，Google 的工作就會變得復雜。
也就是說，每一點都有助于搜索引擎優化 —— 因此盡可能遵循以下這些實踐。
以下是 H1 標簽的 9 個最佳實踐：
使用 H1 標簽作為頁面標題使用 H1 的標題格式將 H1 與標題標簽匹配在每個重要頁面上使用 H1 標簽每頁僅使用一個 H1保持 H1 標簽簡潔通過樣式標明結構包含目標關鍵詞使 H1 標簽引人注目
使用 H1 標簽作為頁面標題谷歌說 “將文章的標題放在文章正文上方的顯眼位置，例如在<h1>標簽中”。
雖然默認情況下許多網站平臺和 CMS 會執行此操作，但對于某些主題卻會覆蓋此設置。
如果你想知道你的主題是怎么處理的，最簡單的檢查方法是右鍵標題并選擇 “檢查”。如果突出顯示的部分包含 <h1>，那么這段文字就是包含在 H1 標簽中的。
如果你不熟悉 HTML，可以安裝 Ahrefs SEO Toolbar（Ahrefs SEO 工具欄)，并通過免費的頁面報告查看你的 H 標簽設置，包括你的 H1。
如果你希望批量檢查你的 H1 標簽：
注冊一個免費的 Ahrefs Webmaster Tools（Ahrefs站長工具）帳戶使用 Site Audit（網站診斷） 抓取你的網站Crawl your website with 轉到頁面報告滾動到 “H1 設置” 圖表單擊餅圖的綠色部分
H1 的標題大小寫標題大小寫是將包含四個或更多字母的所有單詞大寫。
如果你的 CMS 使用頁面標題作為 H1 標簽和標題標簽，那么對頁面標題使用標題大小寫有助于使結果中的內容看起來更整潔。通常只有論壇帖子會使用小寫或句子大小寫。
將 H1 與標題標簽匹配谷歌說要將你的標題標簽與你的 H1 相匹配。
大多數 CMS（如 WordPress）都會自動執行此操作，但可以使用 Yoast 等 SEO 插件將標題標簽設置為與 H1 不同的內容。
這樣做通常是因為頁面標題對于 H1 來說合適，但對于標題標簽來說太長了。
例如，對于這篇文章，我們的標題和 H1 略有不同：
如果你的標題和 H1 略有不同，但是都在同一個頁面，就像上面的例子一樣，那就沒什么問題。如果你的標題與你的 H1 有很大不同，那么建議你匹配它們。
為什么？因為用戶部分是通過你在 SERP 中的標題標簽點擊進入頁面的。如果他們在頁面上看到一個完全不同且不相關的標題 (H1)，他們會覺得被騙了。
你可以在 Ahrefs Webmaster Tools（Ahrefs站長工具）中免費檢查不匹配的 H1 和標題標簽。
注冊一個免費的 Ahrefs Webmaster Tools（Ahrefs站長工具）帳戶使用 Site Audit（網站診斷） 抓取你的網站Crawl your website with 轉到頁面報告滾動到 “H1 設置” 圖表單擊餅圖的綠色部分尋找不匹配的標題標簽和 H1這里是我們的錨文本指南，它的標題和 H1 不匹配：
標題標簽圍傾向定義，而 H1 傾向研究。點擊進入此頁面后，搜索者可能會感到有點受騙或困惑，因此保持一致的角度是非常有意義的。
專家建議如果你的網站有很多頁面，請按自然流量對 Site Audit（網站診斷）中的報告進行排序，以確定更改優先級。如果你的頁面一開始就沒有任何自然流量，那么擔心標題標簽和 H1 不匹配就沒有什么意義了。
在每個重要頁面上使用 H1 標簽鑒于你的頁面標題應該包含在 H1 標簽中，那么在每個重要頁面上都應該有 H1。畢竟，每一頁都有一個頁面標題。
如果要查找缺少 H1 的頁面：
冊一個免費的 Ahrefs Webmaster Tools（Ahrefs站長工具）帳戶使用 Site Audit（網站診斷） 抓取你的網站Crawl your website with 轉到頁面報告滾動到 “H1 設置” 圖表單擊餅圖的綠色部分你可以在上面看到我們的一些頁面缺少 H1。
這并不是一個大問題，因為從 SEO 的角度來看，這些頁面并不是特別重要。它們只是博客主頁和歸檔頁面，只能吸引品牌流量。
因此，雖然我們的開發人員可以在幾分鐘內“修復”這個問題，但可能不值得浪費他們的時間。畢竟頁面對用戶很友好——對于這些頁面來說做到這點就夠了。
每頁僅使用一個 H1Google 的 John Mueller 說每頁可以使用多個 H1。
如果你使用的是 HTML5，在不同部分使用多個 H1 標簽在技術上沒有任何問題。
例如，這個 HTML5 頁面有四個 H1 標簽，技術上沒問題。
<body> <h1>Apples</h1> <p>Apples are fruit.</p> <section> <h1>Taste</h1> <p>They taste lovely.</p> <section> <h1>Sweet</h1> <p>Red apples are sweeter than green ones.</p> </section> </section> <section> <h1>Color</h1> <p>Apples come in various colors.</p> </section></body>幾乎所有現代瀏覽器都會正確呈現它，并將根據嵌套級別在嵌套的 <section> 元素中顯示 H1 標簽。這意味著第一個 <section> 中的 H1 看起來像 H2，嵌套在另一個 <section> 中的 H1 看起來像 H3，等等。
但是，即使使用 HTML5，W3C 也建議你使用 “適當等級的標題”。
例如：
<body> <h1>Apples</h1> <p>Apples are fruit.</p> <section> <h2>Taste</h2> <p>They taste lovely.</p> <section> <h3>Sweet</h3> <p>Red apples are sweeter than green ones.</p> </section> </section> <section> <h2>Color</h2> <p>Apples come in various colors.</p> </section></body>這是因為如果沒有明確的 CSS 規則，一些舊版瀏覽器將無法正確呈現內容。
但是如果你的網站不使用 HTML5 呢？
John Mueller 說多個 H1 標簽仍然可以：
不管你是否使用 HTML5，在一個頁面上可以有多個 H1 元素。鑒于這不是 W3C 標準的最佳實踐，但為什么 Google 會這么說？
因為他們已經開發了處理網頁上多個 H1 的常見問題的機制。
因此，盡管使用一個或多個 H1 標簽對 SEO 來說可能無關緊要，但我們仍然認為保持一個 H1 標簽是是大多數網站的最佳做法。
你可以在 Ahrefs Webmaster Tools（Ahrefs站長工具）中免費檢查你的網站上是否有帶有多個 H1 標簽的頁面。
冊一個免費的 Ahrefs Webmaster Tools（Ahrefs站長工具）帳戶使用 Site Audit（網站診斷） 抓取你的網站Crawl your website with 轉到頁面報告滾動到 “H1 設置” 圖表單擊餅圖的綠色部分
保持 H1 標簽簡潔許多 CMS 為你的 H1 和標題標簽使用相同的文本。如果你是這種情況，除非你計劃為每個頁面和文章編寫一個唯一的標題標簽，否則保持頁面標題簡潔是很有必要的。
有多短？一般是不超過 70 個字符。
下面就是一個違反此規則的頁面：
此頁面上的 H1 是 80 個字符，在頁面本身上看起來非常好。但是因為 WordPress 使用相同的文字作為標題標簽，所以它會在搜索結果中被截斷。
我們可以通過將標題標簽設置為 H1 標簽的較短版本來解決這個問題。但是如果我們一開始就創造一個更短的標題，我們就不會有這個問題
通過樣式標明結構H 標簽用于在網頁上創建層次結構。由于 H1 標簽通常是頁面上最重要的標題，你的 CSS 樣式也應該反映這一點。
換句話說，H1 應該是頁面上最突出的。
這似乎很明顯，但有很多網站在 H1 和 H2 之間幾乎沒有明顯區別。
包含關鍵詞Google 的 John Mueller 在 2020 年說：
當涉及到頁面上的文本時，標題是一個非常強烈的信號，告訴我們頁面的這一部分是關于這個主題的。鑒于 H1 通常非常接近頁面標題，它可以說是頁面上最重要的標簽。因此，包含你的主要關鍵詞以使 Google 和用戶都清楚地了解頁面主題通常是非常有必要的。
這是我們為幾乎所有博客文章所做的事情。
必須都這么做嗎？
有時可以使用目標關鍵詞的變體以提高可讀性。
例如，這篇文章的主要關鍵詞是 “how to get more views on youtube”。但是當我們寫一個列表文章的時候，在 H1 中使用這個沒有意義。所以我們使用了一個接近的變體。
你也不應該害怕使用連詞和停用詞來讓文字讀起來自然。
使 H1 標簽具有說服力H1 標簽需要有描述性。但如果你正在為博客文章撰寫標題，則它們還需要具有足夠的吸引力來讓用戶點擊。
你如何創建一個引人注目的文章標題？
在你考慮使用博客文章標題生成器之前，請考慮你的文章的目的。如果它的存在是為了吸引來自搜索引擎的自然流量，并且你的 CMS 使用頁面標題作為 H1 標簽和標題標簽，那么頁面標題就需要針對搜索引擎的用戶。
你怎么知道他們想要什么？
從目標關鍵詞的排名靠前的結果中獲取靈感。
例如，如果我們查看 “SEO techniques” 的熱門頁面，很明顯用戶需要可操作且有效的 SEO 技術來幫助提高搜索流量。
我們可以用這些信息為我們的文章創建一個引人注目的頁面標題 (H1)。
在 SEO 中，這被稱為針對搜索意圖進行優化。
FAQs讓我們通過回答一些關于 H1 標簽的常見問題來結束這篇指南。
H1標簽應該多長？H1 標簽可以是任意長度，但由于大多數 CMS 使用頁面標題作為 H1 和標題標簽，最好保持頁面標題簡短（<70 個字符）以避免標題標簽被截斷。
一個頁面上可以有多個 H1 標簽嗎？如果你使用的是 HTML5，是的。如果你不使用 HTML5，最好不要，但無論如何都不是特別大的問題。
我可以在 H1 標簽中使用圖像嗎？是的。事實上，W3C 就是這樣做的。
最后H1 標簽可以說沒有以前那么重要了。即使你對 H1 標簽的使用不理想，Google 也有機制可以很好地理解你的內容。
也就是說，遵循最佳實踐并不困難，因此你也可以這樣做。至少，它可以幫你改善用戶體驗。
有問題? Twitter 上找我吧。
譯者，Park Cheng，魔貝課凡聯合創始人。
復制鏈接
Get the week's best marketing content Email Subscription Subscribe
Leave this field empty if you're human:
關鍵詞：
下一篇：博客 SEO：完整指南
公司地址：北京朝陽區團結湖嘉盛中心10層
微信：qq652807263
服務手機：13693193565
E-mail：888@edo2008.com
COPYRIGHT ? 2006-2023 北京藍纖科技有限公司 ALL RIGHTS RESERVED 京ICP備13006508號 京公網安備11010502025264