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>
===
