iT邦幫忙

2

什麼是 HTML 標題語法 < h1 > 至 < h6 > 與 SEO 的關係

https://ithelp.ithome.com.tw/upload/images/20190606/20116357fDx73bnGaw.jpg

如何讓訪客第一次進入你的 WordPress 網站,就能在你的文章裡找到重點和脈絡是非常重的「技術性 SEO」知識與操作,不過這次簡介的 H1 標籤使用技巧,相對來說比較容易入門,但又是網站站長容易忽略的細節。Google 搜尋引擎機器人抓取和索引網頁的過程之中,如果漫遊器 (Crawl) 無法抓取頁面,則無法對其進行排名,所以請良好地規劃和管理你的文章脈絡和標題的層階。

22/01/2022 年更新和補充:

Google 最近會透過最新的演算法和人工智慧技能,盡量分析文章的前文後理和使用者的「搜尋意圖 Search Intent」去重新排列你網站文章的標題 (Title)。你沒錯看錯,我們已經無法 100% 控制自己網頁的文章標題,但 Google 並不會無中生有,重新排列的標題會依據文章的實際內容而重寫,請確保標題「只有 1 個重點關鍵字」和「1 個相關關鍵字」就足夠,其餘就交給 Google 處理。

HTML 標題語法 < h1 > 至 < h6 > 的使用原則和 SEO 的影響因素
https://wp-valley.com/html-headings


什麼是 Headings?

https://ithelp.ithome.com.tw/upload/images/20190606/20116357sanxygLo8R.jpg
我們在瀏覽網站時,每一篇文章都會有一個主要的標題 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 標題語法?

https://ithelp.ithome.com.tw/upload/images/20190606/201163577OtnhlV5fe.jpg

每篇文章只用一個 < 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。

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


使用 SEMrush 協助您成功

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


https://ithelp.ithome.com.tw/upload/images/20190606/201163575qswkipERD.jpg

HTML 標題語法 < h1 > 至 < h6 > 的使用原則和 SEO 的影響因素
https://wp-valley.com/html-headings


您可能會有興趣的 WordPress 相關文章:

免費建立網站教學,看這篇就足夠

WordPress 教學:小樹苗成長課程

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

Google 進階搜尋引擎最佳化 (SEO):不相關的關鍵字

什麼是 DA (Domain Authority 網域權威值) 和 PA (Page Authority 頁面權威值) ?

免費高品質和可商業使用圖庫推薦

網站迷谷:什麼是 SEO 關鍵字密度 (Keyword Density)?

為什麼文章標題中帶有數字,SEO 成效較好?

如何解決 WordPress 的 SEO 工具無法正確統計文章字數?

WordPress 永久連結 | 如何設定有利 SEO 的網址結構?

為什麼 WordPress 是免費?


什麼是 WordPress 社群生態普查與研習 - 網站迷谷

https://ithelp.ithome.com.tw/upload/images/20190427/20116357LGQmfn1DSo.png

一群喜歡網站架設的愛好者
推動 WordPress 社群持續的健康發展
建立關愛和共融的互動社群
適合完全沒有任何基礎和
不懂程式的入門者和新手
只要您勇敢踏出第一步
要建立自己的部落格或網站
其實沒有非常困難

第一次網站製作嗎?
歡迎來到我們的社團
學習網頁設計

免費 WordPress 線上影片教學課程

WordPress Valley - 網站迷谷【免費教學網站】

WordPress Valley - 網站迷谷【Facebook 討論社團】

WordPress Valley - 網站迷谷【追蹤 Instagram】


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言