是否合規?
一個頁面擁有多個 <h1>
是合規的語法
根據 MDN 描述:「儘管多個使用多個 <h1>
在頁面中是受 HTML 標準接受的」以及根據 W3C Markup Validation Service 檢測,一個頁面中擁有多個 <h1>
是 100% 合規的語法。
是否是好的作法?
在 MDN 文件中也有提及「應避免使用多個 <h1>
元素在同個頁面上」原因是因為一個頁面通常只會有一個 <h1>
用於描述網頁的內容。
但占比全世界 90% 以上使用率的搜尋引擎 Google 卻聲明「多個 <h1>
並不影響搜尋引擎解讀」,應該更加專注在整體網頁的架構上,如果一般網站用戶能解讀那麼搜尋引擎也能解讀。
所以結論是……?
無定論,重點是使用多個 <h1>
前整體網頁標題架構是合理的
重點不是在於「是否能使用多個 <h1>
」而是「是否能夠讓使用者能夠理解網頁的架構」,如果網頁架構是清楚合理的,那麼使用多個 <h1>
並不會影響到 SEO。一個頁面有很多個「重磅級標題」的情況非常少見的,如果這麼寫在閱讀架構上是合理的話,使用多個 <h1>
在單個頁面之中是完全沒問題的。