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

更新 發佈閱讀 2 分鐘

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

寫法及網頁顯示

vocus|新世代的創作平台

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:用在文字段落,預設會做換行與留邊距。

vocus|新世代的創作平台

在網頁上,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
吉娜走路的沙龍
0會員
2內容數
你可能也想看
Thumbnail
SEO選擇關鍵字 :並非所有關鍵字都值得通過 SEO 努力來獲得排名,尤其是當您的內容偏離目標或很少被查詢時。您的 SEO 關鍵字選擇過程是您現在選擇那些將提供最大流量的關鍵字的地方,並且您可以在非常具體的多字關鍵字和較短的階段之間取得適當的平衡:
Thumbnail
SEO選擇關鍵字 :並非所有關鍵字都值得通過 SEO 努力來獲得排名,尤其是當您的內容偏離目標或很少被查詢時。您的 SEO 關鍵字選擇過程是您現在選擇那些將提供最大流量的關鍵字的地方,並且您可以在非常具體的多字關鍵字和較短的階段之間取得適當的平衡:
Thumbnail
SEO教學中最基本優化就是填寫網頁的標題(title)跟描述(description),如果你的網站後台沒有這個功能,那應該要換網站了,因為這是很基本的SEO功能,假設你的網站有了SEO這個填寫meta的功能,那要怎麼寫標題與描述呢?以下有幾個標題與描述的撰寫技巧提供給你參考。
Thumbnail
SEO教學中最基本優化就是填寫網頁的標題(title)跟描述(description),如果你的網站後台沒有這個功能,那應該要換網站了,因為這是很基本的SEO功能,假設你的網站有了SEO這個填寫meta的功能,那要怎麼寫標題與描述呢?以下有幾個標題與描述的撰寫技巧提供給你參考。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
SEO你只知道關鍵字嗎?它其實沒那麼重要!能讓搜尋引擎更懂你寫作主題的Meta Description,還有內部與外部的網站連結,在增加流量及提升品質分數的效果更好! 自架站更不要錯過一個超有效SEO投資-Google Ads
Thumbnail
SEO你只知道關鍵字嗎?它其實沒那麼重要!能讓搜尋引擎更懂你寫作主題的Meta Description,還有內部與外部的網站連結,在增加流量及提升品質分數的效果更好! 自架站更不要錯過一個超有效SEO投資-Google Ads
Thumbnail
在前面用了比較多的比較多的篇幅介紹 SEO 的技術面,現在我們可以把焦點放在關鍵字的選擇以及內容優化上了。 相信會關注這個主題的朋友應該都知道提供好的內容可以幫助搜尋引擎在進行內容索引的時候有很大的幫助。但什麼樣的內容才是好的內容?
Thumbnail
在前面用了比較多的比較多的篇幅介紹 SEO 的技術面,現在我們可以把焦點放在關鍵字的選擇以及內容優化上了。 相信會關注這個主題的朋友應該都知道提供好的內容可以幫助搜尋引擎在進行內容索引的時候有很大的幫助。但什麼樣的內容才是好的內容?
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ 使用 SEO 關鍵字 內容中使用關鍵字 :如果您沒有通過撰寫有關和使用 SEO 關鍵字的引人注目的內容來建立明確的主題相關性,您的頁面將不會在搜索引擎結果頁面 (SERP) 中排名。如果您不能證明您的內容
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ 使用 SEO 關鍵字 內容中使用關鍵字 :如果您沒有通過撰寫有關和使用 SEO 關鍵字的引人注目的內容來建立明確的主題相關性,您的頁面將不會在搜索引擎結果頁面 (SERP) 中排名。如果您不能證明您的內容
Thumbnail
產出一篇 SEO 文章時應該要注意什麼?如何下筆? 此篇文章以我過去的經驗,分享有關 SEO 文章內容產出的架構與邏輯。
Thumbnail
產出一篇 SEO 文章時應該要注意什麼?如何下筆? 此篇文章以我過去的經驗,分享有關 SEO 文章內容產出的架構與邏輯。
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
站內優化涉及網站內部的所有相關排名因素,例如:標題、內容、圖片、用戶體驗…等,用於網站和內容的相關原則都屬於這個範疇,目的是使網站其對搜尋引擎更加友好。瞭解了影響站内優化的因素,現在來拆分,如何做好站内優化!
Thumbnail
站內優化涉及網站內部的所有相關排名因素,例如:標題、內容、圖片、用戶體驗…等,用於網站和內容的相關原則都屬於這個範疇,目的是使網站其對搜尋引擎更加友好。瞭解了影響站内優化的因素,現在來拆分,如何做好站内優化!
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News