H1是什麼? H標籤對SEO優化的影響
為什麼要選擇這個主題？
在Google Webmaster Central (Google 網站管理員)辦公室的群聊中，有人提出了這個問題：Is it mandatory to just have one h1 tag on a web or can it be used multiple times? (網頁中有規定只能用一個h1標籤嗎?還是可以使用多個?)
 |
| Google Webmaster Central |
在HTML語法中，根據不同H標籤的內容能幫助Google瀏覽器分辨網頁所要呈現的內容。
什麼是HTML語法?
 |
| html語法呈現方式 |
什麼是標題標籤(H Tag)?
標題標籤是字體標籤的一種。
字體標籤如: 標題標籤、設定字體大小標籤、字型變化標籤、文字顏色設定
字體標籤的功能：網頁經由網頁設計師的設計，不同H標籤所呈現出的字體大小、格式會不同(如下圖)。但實際上不建議將H標籤其當成控制字體的手段。
標題標籤共有六個<h1>…<h6>
標題標籤的功能: 使用標題標籤，會將字體變成粗體字，並且會自成一行。
 |
| H標籤之字體標籤呈現的方式 |
H標籤對Google解讀網站有什麼影響?
John
Muellar Said:
You can use H1 tags as
often as you want on a page. There's no limit — neither upper nor lower bound.
H1
elements are a great way to give more structure to a page so that users and
search engines can understand which parts of a page are kind of under different
headings, so I would use them in the proper way on a page.
And especially
with HTML5, having multiple H1 elements on a page is completely normal and kind
of expected. So it's not something that you need to worry about. And some SEO
tools flag this as an issue and say like 'oh you don't have any H1 tag' or 'you
have two H1 tags.' From our point of view, that's not a critical issue. From a
usability point of view, maybe it makes sense to improve that. So, it's not
that I would completely ignore those suggestions, but I wouldn't see it as a
critical issue.
Your
site can do perfectly fine with no H1 tags or with five H1 tags.
根據前頁John Muelluar 所說:
網頁中有幾個H1 Tags沒有上下限的限制，想用幾個就用幾個
H1是一個很好的方式，用來傳達給使用者或搜尋引擎，這是關於什麼內容的網站，所以我會適當的使用他在網站中
特別是在Html5中，使用多個H1標籤是很正常的
有些SEO Tools 會說不能沒有H1，或不能有多個H1，但這不是個關鍵問題，從使用者的角度，好好的運用H1標籤反而是好的
不管你的網站有幾個H1 tag 或沒有都沒關係
H標籤設定準則
Summarize
the entire content of a page 描述頁面的主題
Keyword-optimized
headings 具關鍵字優化特性
Hierarchical
order of headings 層次順序
Visible
headings 可被看見的
使用H標籤的好處
多個H1是Google可以允許的，官方也說可以判斷；但是可能Google的判斷結果不是你想要的，且設定多個H1標籤會存在一些風險。因此，重點是合理、適當使用H1。
讓搜尋引擎清楚、有層級性的了解網頁所要呈現的內容
H標籤的使用可以增加網站的架構性，傳達頁面的內容以及主題的分組方式，讓使用者輕鬆瀏覽頁面，藉由不同層級的H標籤，讓搜尋引擎理解網頁組織的內容。
H標籤可能會被作為網頁內容呈現在搜尋結果中
當H標籤會被搜尋引擎認定為某種內容，例如H1標籤會被視作為網頁title呈現在搜尋結果中，對SEO來說會直接影響點擊，如果有多個H1標籤就比較難控制Title會呈現的內容。
可以用圖片作為H1嗎?
H1的呈現，最佳建議還是圖歸圖、文歸文；如果堅持要使用圖片，加上alt設定只是折衷辦法。
提升網頁無障礙性 Web Accessibility (又稱網頁可達性)
增加網頁對障礙者的友善度
讓螢幕閱讀器的使用者可以更便利且有條理的吸收網頁內容。
結論
Google不需要透過特定標籤才能解讀網站的主要內容，不論是只有一個H1標籤、多個H1標籤、甚至沒有使用H1標籤，google都有能力能夠分析網站內容，H標籤可以增加網站架構性，讓使用者與搜尋引擎藉由不同標籤，理解各個頁面是甚麼內容，合理、適當、有層次規劃的H標籤，可以提升網頁的無障礙性，讓網頁對障礙者更友善。
留言
張貼留言
歡迎你留下對文章的想法！