操作 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？搜尋引擎最佳化懶人包 (2024 最新)