HTML-h1~h6與p,標題、內文與其SEO

標籤解釋

h1-h6為HTML裡文章的標題,h為heading的意思;p是文章段落,是paragraph的意思。

寫法及網頁顯示

h1-h6-p

Vscode上,h1~h6及p的撰寫方式,HTML內容大多為兩個標籤包夾,如<h1>標題</h1>,少數只用一個標籤即可。

h1~h6

  • 字體由大到小,h1最大,h6最小,但h1-h6是以搜尋權重來設定,請勿用字體大小設定,字體的大小可另外在CSS設定。
  • 一篇網頁標題由h1、h2、h3…,依次用到h6,請勿跳著用。
  • 主標題設為h1,一篇網頁只會有一個,h2到h6可以設多個。

P

用在文字段落,預設會做換行與留邊距。

h1-h6-p

在網頁上,h1~h6及p的顯示樣式。

SEO

h1

  • 文章的主標題,整篇只有一個。
  • 在Google搜尋頁裡,佔約有20~30字元的位置。

h2

  • 文章的次標題,最常用,文章中出現最多的標題,用來架構文章。
  • 用在約2000字的文章,只用h2+內文,是一個合格架構。

h3

  • 常與h2一起用,是次標題下的小標題,延伸h2的分類。
  • 用在約2000~5000字的文章。

h4

  • 用在側欄位,但很少用。
  • 行動裝置的興起讓側邊欄減少。

h5

  • 常用在網站底部。
  • 常與h4搭配,不過h4常取代h5,h5比較常出現在報章雜誌上。

h6

  • 用在註腳,版本聲明,非常少用。

閱讀更多