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

更新 發佈閱讀 2 分鐘

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

寫法及網頁顯示

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

h1~h6:

1. 字體由大到小,h1最大,h6最小,但h1-h6是以搜尋權重來設定,請勿用字體大小設定,字體的大小可另外在CSS設定。

2. 一篇網頁標題由h1、h2、h3…,依次用到h6,請勿跳著用。

3. 主標題設為h1,一篇網頁只會有一個,h2到h6可以設多個。

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

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

SEO

依其網頁搜尋(SEO)的重要性,h1重要性最大,依次下來,到h6重要性最小。

h1

1. 文章的主標題,整篇只有一個。

2. 在Google搜尋頁裡,佔約有20~30字元的位置。

h2

1. 文章的次標題,最常用,文章中出現最多的標題,用來架構文章。

2. 用在約2000字的文章,只用h2+內文,是一個合格架構。

h3:

1. 常與h2一起用,是次標題下的小標題,延伸h2的分類。

2. 用在約2000~5000字的文章。

h4:

1. 用在側欄位,但很少用。

2. 行動裝置的興起讓側邊欄減少。

h5:

1. 常用在網站底部。

2. 常與h4搭配,不過h4常取代h5,h5比較常出現在報章雜誌上。

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

留言
avatar-img
留言分享你的想法!
avatar-img
吉娜走路的沙龍
0會員
2內容數
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
產出一篇 SEO 文章時應該要注意什麼?如何下筆? 此篇文章以我過去的經驗,分享有關 SEO 文章內容產出的架構與邏輯。
Thumbnail
產出一篇 SEO 文章時應該要注意什麼?如何下筆? 此篇文章以我過去的經驗,分享有關 SEO 文章內容產出的架構與邏輯。
Thumbnail
SEO你只知道關鍵字嗎?它其實沒那麼重要!能讓搜尋引擎更懂你寫作主題的Meta Description,還有內部與外部的網站連結,在增加流量及提升品質分數的效果更好! 自架站更不要錯過一個超有效SEO投資-Google Ads
Thumbnail
SEO你只知道關鍵字嗎?它其實沒那麼重要!能讓搜尋引擎更懂你寫作主題的Meta Description,還有內部與外部的網站連結,在增加流量及提升品質分數的效果更好! 自架站更不要錯過一個超有效SEO投資-Google Ads
Thumbnail
站內優化涉及網站內部的所有相關排名因素,例如:標題、內容、圖片、用戶體驗…等,用於網站和內容的相關原則都屬於這個範疇,目的是使網站其對搜尋引擎更加友好。瞭解了影響站内優化的因素,現在來拆分,如何做好站内優化!
Thumbnail
站內優化涉及網站內部的所有相關排名因素,例如:標題、內容、圖片、用戶體驗…等,用於網站和內容的相關原則都屬於這個範疇,目的是使網站其對搜尋引擎更加友好。瞭解了影響站内優化的因素,現在來拆分,如何做好站内優化!
Thumbnail
SEO教學中最基本優化就是填寫網頁的標題(title)跟描述(description),如果你的網站後台沒有這個功能,那應該要換網站了,因為這是很基本的SEO功能,假設你的網站有了SEO這個填寫meta的功能,那要怎麼寫標題與描述呢?以下有幾個標題與描述的撰寫技巧提供給你參考。
Thumbnail
SEO教學中最基本優化就是填寫網頁的標題(title)跟描述(description),如果你的網站後台沒有這個功能,那應該要換網站了,因為這是很基本的SEO功能,假設你的網站有了SEO這個填寫meta的功能,那要怎麼寫標題與描述呢?以下有幾個標題與描述的撰寫技巧提供給你參考。
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ 使用 SEO 關鍵字 內容中使用關鍵字 :如果您沒有通過撰寫有關和使用 SEO 關鍵字的引人注目的內容來建立明確的主題相關性,您的頁面將不會在搜索引擎結果頁面 (SERP) 中排名。如果您不能證明您的內容
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ 使用 SEO 關鍵字 內容中使用關鍵字 :如果您沒有通過撰寫有關和使用 SEO 關鍵字的引人注目的內容來建立明確的主題相關性,您的頁面將不會在搜索引擎結果頁面 (SERP) 中排名。如果您不能證明您的內容
Thumbnail
SEO選擇關鍵字 :並非所有關鍵字都值得通過 SEO 努力來獲得排名,尤其是當您的內容偏離目標或很少被查詢時。您的 SEO 關鍵字選擇過程是您現在選擇那些將提供最大流量的關鍵字的地方,並且您可以在非常具體的多字關鍵字和較短的階段之間取得適當的平衡:
Thumbnail
SEO選擇關鍵字 :並非所有關鍵字都值得通過 SEO 努力來獲得排名,尤其是當您的內容偏離目標或很少被查詢時。您的 SEO 關鍵字選擇過程是您現在選擇那些將提供最大流量的關鍵字的地方,並且您可以在非常具體的多字關鍵字和較短的階段之間取得適當的平衡:
Thumbnail
在前面用了比較多的比較多的篇幅介紹 SEO 的技術面,現在我們可以把焦點放在關鍵字的選擇以及內容優化上了。 相信會關注這個主題的朋友應該都知道提供好的內容可以幫助搜尋引擎在進行內容索引的時候有很大的幫助。但什麼樣的內容才是好的內容?
Thumbnail
在前面用了比較多的比較多的篇幅介紹 SEO 的技術面,現在我們可以把焦點放在關鍵字的選擇以及內容優化上了。 相信會關注這個主題的朋友應該都知道提供好的內容可以幫助搜尋引擎在進行內容索引的時候有很大的幫助。但什麼樣的內容才是好的內容?
Thumbnail
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
Meta Description 是提供網頁摘要的一個標籤。最多可以填寫160個字元。Meta Description會在Google搜尋結果中顯示,所以它的內容可以影響使用者的點擊率。
Thumbnail
Meta Description 是提供網頁摘要的一個標籤。最多可以填寫160個字元。Meta Description會在Google搜尋結果中顯示,所以它的內容可以影響使用者的點擊率。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News