Can I Use Multiple Heading One Inside A Page?

我可以在一個頁面裡面擁有多個 <h1> 嗎?

是否合規?

一個頁面擁有多個 <h1> 是合規的語法

根據 MDN 描述🔗:「儘管多個使用多個 <h1> 在頁面中是受 HTML 標準接受的」以及根據 W3C Markup Validation Service🔗 檢測,一個頁面中擁有多個 <h1> 是 100% 合規的語法。

是否是好的作法?

在 MDN 文件中也有提及「應避免使用多個 <h1> 元素在同個頁面上🔗」原因是因為一個頁面通常只會有一個 <h1> 用於描述網頁的內容。

但占比全世界 90% 以上使用率的搜尋引擎 Google 卻聲明「多個 <h1> 並不影響搜尋引擎解讀🔗」,應該更加專注在整體網頁的架構上,如果一般網站用戶能解讀那麼搜尋引擎也能解讀。

所以結論是……?

無定論,重點是使用多個 <h1> 前整體網頁標題架構是合理的

重點不是在於「是否能使用多個 <h1>」而是「是否能夠讓使用者能夠理解網頁的架構」,如果網頁架構是清楚合理的,那麼使用多個 <h1> 並不會影響到 SEO。一個頁面有很多個「重磅級標題」的情況非常少見的,如果這麼寫在閱讀架構上是合理的話,使用多個 <h1> 在單個頁面之中是完全沒問題的。