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