fbpx

HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素

什麼是 Headings?

我們在瀏覽網站時,每一篇文章都會有一個主要的標題 Title,這個是用於識別這一篇文章的中心思想和目的。

這個最重要的標題,在網頁的語言 HTML中,我們稱為最重的標題 Headings 1,其 HTML 語法就是 < h1 >,當中的【h】是代表【Headings】的簡稱。

他們是 6 兄弟,排序分別是由最重要的
< h1 > 至最不重要的 < h6 >

他們在一篇文章中發揮不同的功用和排版的美化作用。

定義和用法

< h1 > 到 < h6 > 標籤用於定義 HTML 標題,< h1 > 定義了最重要的標題和 < h6 > 定義最不重要的標題。

<h1>我是標題 1</h1>
<h2>我是標題 2</h2>
<h3>我是標題 3</h3>
<h4>我是標題 4</h4>
<h5>我是標題 5</h5>
<h6>我是標題 6</h6>

Headings 重要嗎?

這個是非常重要的觀念,但新手又常常會亂用和攪混淆的基本知識,Google 搜尋引擎透過解讀 HTML 中的標題,確認您網站的文章結構是否完整,由於搜尋引擎是機器和演算法,他們不像我們人類用肉眼一秒就能分辨什麼是標題,什麼是內文。

所以除了讓文章的可閱讀性提高,正確的 < h1 > 到 < h6 > 標籤使用是站長的必修課題,值得您花一點時間去理解。

如何正確地使用 Headings 標題語法?

每篇文章只用一個 < h1 >

這是一個非常核心的觀念,WordPress 的文章,預設情況就會把 Title 設定為 < h1 >,Title 就是最開始您輸入文章標題的地方,那個是【唯一】要應用 h1 的地方,所以正常來說,只要您不要在其他地方使用 h1 即可。

Google 搜尋的網址結果會以 h1 作為標準,直接顯示在瀏覽器的搜尋結果之中,所以這是非常重要。

< h2 > 是最常用的標題

h2 是一篇文章使用最多的標題語法,開始撰寫文章用 h2 就對了,一般情況一篇 2000 字左右的文章都應該可以應付得來。

單單使用 h2 標題 + 內文,已經算是一篇標準合格的文章結構,這應該不難理解吧?

< h3 > 是輔助為主

如果文章在 2000 ~ 5000 字數左右,單單使用 h2 是不足夠的,這時候就要出動 h3 的標題語法。

在外觀上 h3 會比 h2 顯得略為細小,這概念適用在 h4 ~ h6,意思是 h1 的外觀是最大,但 h6 的外觀大小是細。

h3 的作用開始需要比較有技巧,把 h2 的段落,分折成更細小的短句。

< h4 > 較常出現在側邊欄

由於在【 側邊欄 Side Bar】和網站的【
底部 Footer】的位置,也有需要標題的出現位置,但又不能太搶主角的眼球,所以比較常見 h4 和 h5 的蹤影。

h4 通常配合各種小工具而出現,但隨著移動裝置的流行,側邊欄的重要性和角色會慢慢被淡化,大家可能會減少看到 h4 的出現率。

< h5 > 有機會在網站底部

h5 就是配合 h4 的存在,一般人單從外觀也很難分辨這兩者的差異,這因應不同的 WordPress 佈景主題而異,可能相差 2 px ~ 6 px,通常充當配角的任務,在新聞雜誌版形可以有較大發揮空間

很多時 h5 的工作,其實由 h4 來擔任就好了,存在感很低的標題語法。

< h6 > 的出場率非常低

h6 的作用,可以說是非常的低,有時候可以在維基百科的 【註腳 Footer Note】之類可以看到,版本聲明的部分也有機會是使用 h6。

就是用在不太重要的事情上,貼切一點的說法,就是配角群中裡面的配角。

Google Fonts for WordPress 免費外掛教學

如果新手站長,對 HTML 和 CSS 語法不太熟悉,但又希望調整中文字形和標題 h1 ~ h6 的設定,可以透過安裝這一套 Google Font 的外掛,一次過滿足兩個願望,沒有很高的困難度。

免費版本和付費版本的差異是什麼? 【支援思源黑體和思源宋體】Google Fonts for WordPress 免費版本和付費版本的差異是什麼? 【支援思源黑體和思源宋體】

慎用標題與注意事項

可否用多於一個 h1 語法?

最理想的情況是,一篇文篇只有一個的 h1 主標題,無論如何都要確保這是唯一的選項,這個是公認的法則和持之有效的做法。

正常 WordPress 的【文章 Post】標題就是應用了 h1 ,所以您不用另外設定其他的標題為 h1,在撰寫文章時,請由 h2 開始使用就不會出錯。

標題應用多少字數

這問題沒有標準答案,隨著時間的推移,搜尋引擊都會改變其顯示的標題字數量,有時候是 18 個中文字左右,實際上您可以上 Google 查看最新每則網址的標題,到底顯示多少個字數即可。

因為 Google 常常改變其遊戲規則和演算法,但好的標題應該用愈少字數,傳達得到最重要的內容信息是最理想。

瀏覽器支援嗎?

主流的瀏覽器都是支援的,這個是非常古老的 HTML 語法,存在已久和兼容性優良。

正式情況不容太擔心會出現什麼大問題,但要注意在【手機版本】的顯示會否一致和舒適,電腦版剛剛的標題,在手機版會否過大?

SEO 相關的議題

關鍵字填充問題

不要相信把所有關鍵字放進標題中的說法,這無助於讀者了解的文章和用意,最壞的情況會被搜尋引擎公司處分,降低您網站的排名,得不償失。

關鍵字的分佈適中即可,以 2000 字的文章來說,不多於 10 ~ 20 較為合適,平均一點的部署在不同的段落中。

標題信息要精準

搜尋引擎比較比較您的標題,能夠協助搜尋者解決問題和疑難,加上您能提供詳盡和適切的內容和圖片解說,就是最理想的情況。

盡量使用簡單和短淺的標題,減少過度的修飾和不相關的用字,日子有功,隨著時間過去,您網站的排名會自然緩慢上升。

不要用農場標題

隨著網民使用互聯網的經驗提升,從前的農場標題已經不再適用,也容易被誤判成垃圾的文章,過去的站長和媒體沒有被處分與否,不是我們使用的理由。

人善人欺天不欺,善與惡的距離,不是我們可以決定,存好心做正事,理論上我們是走在對的路上。

SEMrush

為什麼國外的 SEO 分析能力比較強?工欲善其事,必先利其器。SEMrush 是一套非常強大的分析工具,能夠協助您找出最合適的【關鍵字 Keyword】、【反向連結 Backlink】、競爭對手的流量和來源等等。如果希望把網站推上搜尋引擎的首頁,必須配合強大的分析工具,制作針對性的報表和策略。

SEMrush - Search Engine Optimization

總結:經營教學社團的兩難

有一些看似很基本的知識
例如 Heading <H1> 至 <H6>
有時不知是不是所有新手
都知道是什麼?

在老一輩什麼都是靠自學
這種底層的 HTML Tag
是自己需要必學的
屬於基本功中的基本

但新一代的新手
比較傾向別人把知識
送到您的面前?
這值得大家反思呢

立即訂閱我們的網站

我們的團隊並不會濫發信息和廣告,每月定期會整理優惠和 WordPress 相關的更新情報,例如系統、外掛和佈景主題相關的更新,也會推送資訊安全的漏洞注要事項,確保您的網站保持和世界的連繫。

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術