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

更新於 發佈於 閱讀時間約 1 分鐘
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:用在註腳,版本聲明,非常少用。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
吉娜走路的沙龍 的其他內容
用Emmet這個套件,可以用標籤與快速鍵,建立一個完整的HTML。可以有效率的寫程式。
用Emmet這個套件,可以用標籤與快速鍵,建立一個完整的HTML。可以有效率的寫程式。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
鉅亨網記者張欽發 台北 2024-09-18 10:51 2024 年上半年,台灣 PCB 產業受益於 AI 伺服器、衛星通訊、車用電子的強勁需求,以及手機與記憶體市場的溫和復甦,台灣電路板協會指出,2024 年上半年累計海內外總產值為 3722 億新台幣,年增 6%;估全年 8337 億元,全年
這篇文章概述了SEO的基礎概念和實用技巧,強調了關鍵字的選擇、網站結構優化、用戶體驗提升以及避免常見錯誤的重要性。通過理解搜索引擎算法、選用相關且高效的關鍵字、建立高質量外部鏈接及定期檢查網站健康狀況,可以顯著提升網站的排名。此外,實戰案例分享了成功的SEO策略,強調內容集群和外鏈建設的關鍵作用。
Thumbnail
展示「搬磚」交易紀錄與對帳單,真實呈現投資理財過程與成效─套利39,167元。
1. 大綱 先寫大綱, 目次結構先訂下來, 寫大綱才是最難的, 怎麼安排才有邏輯 起:誕生緣由, 開頭, 告訴大家要談什麼 承:發起年份, 延伸闡述, 舉例等 轉:web2 & web3差異, 回頭講細節 合:設計理念 (可以請GPT寫大綱, 再照著大綱把內容一一生成, 但沒有自己做,
Thumbnail
展示「放貸」交易紀錄與對帳單,真實呈現投資理財過程與成效─收息481.13元,年化報酬率9.89%。
要如何利用 HTML 標籤來增加網頁的結構性呢?HTML 標籤提供了 Google 爬蟲更多有用的資訊,讓爬蟲在爬行網站時可以更輕鬆且正確地分析網頁內容。本文將為你介紹 HTML 對於 SEO 的重要性以及 10 個常見的 HTML 語法。|SEO HTML 是什麼? 超文本標記語言(Hyper
Thumbnail
「四處一詞」顧名思義是指關鍵字要出現在 4 個地方,分別是標題、中繼說明、內容、錨定文字。本篇文章將與你分享什麼是四處一詞、程式碼範例及注意事項。
SEO(搜索引擎優化)內容的成功關鍵在於細節。網路營銷要踏出的第一步,就是網站內容品質。無論是文字標題、排版還是關鍵字的使用,每個細節都可能影響網站的搜索引擎排名和用戶體驗。如果你忽略這些網路營銷的細節,可能會影響你長期的規劃策略,導致後續的公司營銷成效降低。
Thumbnail
23Q3 EPS 超越 2022 全年,來到 4.07 元(年增 +509%)。 毛利率回升其一存貨管理,預期 2024 年若鋼價反彈可賺價差、提升毛利率。其二產品組合改善,如再生能源,離岸風電、太陽能。 在手訂單 70 ~ 80 億元,預計未來 2 ~ 3 年陸續完工。 預期 5% 以上殖利率。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
鉅亨網記者張欽發 台北 2024-09-18 10:51 2024 年上半年,台灣 PCB 產業受益於 AI 伺服器、衛星通訊、車用電子的強勁需求,以及手機與記憶體市場的溫和復甦,台灣電路板協會指出,2024 年上半年累計海內外總產值為 3722 億新台幣,年增 6%;估全年 8337 億元,全年
這篇文章概述了SEO的基礎概念和實用技巧,強調了關鍵字的選擇、網站結構優化、用戶體驗提升以及避免常見錯誤的重要性。通過理解搜索引擎算法、選用相關且高效的關鍵字、建立高質量外部鏈接及定期檢查網站健康狀況,可以顯著提升網站的排名。此外,實戰案例分享了成功的SEO策略,強調內容集群和外鏈建設的關鍵作用。
Thumbnail
展示「搬磚」交易紀錄與對帳單,真實呈現投資理財過程與成效─套利39,167元。
1. 大綱 先寫大綱, 目次結構先訂下來, 寫大綱才是最難的, 怎麼安排才有邏輯 起:誕生緣由, 開頭, 告訴大家要談什麼 承:發起年份, 延伸闡述, 舉例等 轉:web2 & web3差異, 回頭講細節 合:設計理念 (可以請GPT寫大綱, 再照著大綱把內容一一生成, 但沒有自己做,
Thumbnail
展示「放貸」交易紀錄與對帳單,真實呈現投資理財過程與成效─收息481.13元,年化報酬率9.89%。
要如何利用 HTML 標籤來增加網頁的結構性呢?HTML 標籤提供了 Google 爬蟲更多有用的資訊,讓爬蟲在爬行網站時可以更輕鬆且正確地分析網頁內容。本文將為你介紹 HTML 對於 SEO 的重要性以及 10 個常見的 HTML 語法。|SEO HTML 是什麼? 超文本標記語言(Hyper
Thumbnail
「四處一詞」顧名思義是指關鍵字要出現在 4 個地方,分別是標題、中繼說明、內容、錨定文字。本篇文章將與你分享什麼是四處一詞、程式碼範例及注意事項。
SEO(搜索引擎優化)內容的成功關鍵在於細節。網路營銷要踏出的第一步,就是網站內容品質。無論是文字標題、排版還是關鍵字的使用,每個細節都可能影響網站的搜索引擎排名和用戶體驗。如果你忽略這些網路營銷的細節,可能會影響你長期的規劃策略,導致後續的公司營銷成效降低。
Thumbnail
23Q3 EPS 超越 2022 全年,來到 4.07 元(年增 +509%)。 毛利率回升其一存貨管理,預期 2024 年若鋼價反彈可賺價差、提升毛利率。其二產品組合改善,如再生能源,離岸風電、太陽能。 在手訂單 70 ~ 80 億元,預計未來 2 ~ 3 年陸續完工。 預期 5% 以上殖利率。