此为历史版本和 IPFS 入口查阅区,回到作品页
驅動數位行銷
IPFS 指纹 这是什么

作品指纹

操作 SEO 必學!10 個提升 SEO 排名的 HTML 標籤

驅動數位行銷
·
HTML 標籤對於操作 SEO 至關重要,雖然不會直接出現在網頁上,但是可以讓搜尋引擎了解網頁內容及結構,進而左右網站排名。本篇文章將介紹 10 個提升 SEO 排名的 HTML 標籤。

Title 標籤

Title 標籤通常與「網頁標題」相同,重要程度相當於一本書的書名,可以讓搜尋引擎及使用者了解網頁的主要內容,算是必學的 HTML 標籤。

<title>網頁標題</title>

Meta Descriptions 標籤

Meta Descriptions 標籤是出現在 SERP 的「網頁摘要」的來源依據之一,可以幫助使用者了解網頁內容是否與搜尋需求相關。因此,應在 Meta Descriptions 標籤包含相關的關鍵字,並撰寫吸引人的說明。

<meta name="description" content="中繼說明">

Heading 標籤

Heading 標籤能夠分斷內文並讓使用者知道內容的重點,可以提升可讀性,也能幫助搜尋引擎理解內容的「結構」及「層次」。常見的 Heading 標籤包含 H1、H2、H3 等等。

<h1>H1 標題</h1>
<h2>H2 標題</h2>
<h3>H3 標題</h3>

延伸閱讀:WordPress 區塊編輯器介紹,文章排版的最佳拍檔!(完整教學)

alt 標籤

當圖片無法正常顯示時,Alt 標籤就會出現在原本圖片的位置,供一般使用者或視障人士查看,不僅能提升使用者體驗,也對 SEO 有幫助。

<img src="圖片檔名" alt="圖片說明">

Meta Robots 標籤

Meta Robots 標籤告訴搜尋引擎機器人要「收錄」網站上的哪些頁面及「追蹤」哪些連結,常見的 Meta Robots 標籤包含 index、noindex、follow、nofollow

<meta name="robots" content="index, follow">

a 標籤

a 標籤是將一個頁面連結到另一個頁面的 HTML 元素,種類包含內部連結與反向連結,可以幫助搜尋引擎發現新內容並建立索引,也能理解不同頁面之間的關係。

<a href=”網址“>連結文字</a>

list 標籤

清單標籤分為「有序清單」及「無序清單」,因為易於瀏覽,所以可以提升內容的可讀性。如果 Google 認為你的清單資訊為使用者提供良好的體驗時,還有機會在搜尋結果頁面顯示「精選摘要」。

無序清單

<ul>
  <li>項目一</li>
  <li>項目二</li>
  <li>項目三</li>
</ul>

有序清單

<ol>
  <li>項目一</li>
  <li>項目二</li>
  <li>項目三</li>
</ol>

Canonical 標籤

Canonical 標籤告訴搜尋引擎機器人在眾多相同/相似的網頁中,你比較偏好的版本,以避免重複內容影響你的搜尋排名。

<link rel="canonical" href="https://example.com/">

Open Graph 標籤

Open Graph 標籤決定內容在社群媒體上所呈現的畫面,包含標題、內容說明、圖片,會影響貼文的點閱率。如果你發現更新 OG 標籤後,貼文所顯示的畫面沒有變更,可以清除快取資料並再次重新整理網頁確認。

<meta property="og:title" content="標題">
<meta property="og:description" content="內容說明">
<meta property="og:image" content="圖片">

Schema 標籤

Schema 標記是一種標準化格式,可以讓搜尋引擎更好理解你的內容,以便在 SERP 上呈現複合式搜尋結果,進而抓住搜尋者目光,最終提升網站的點閱率

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "商品名稱",
  "description": "商品說明",
  "image": "https://example.com/product.jpg",
  "price": 300
}
</script>

===

延伸學習:SEO 是什麼?如何操作 SEO?搜尋引擎最佳化懶人包 (2025 最新)

CC BY-NC-ND 4.0 授权