跳至主內容

什麼是Meta標籤?部落格SEO優化的必備要素

image

在經營部落格或網站時,你會經常遇到Meta標籤(Meta Tag)這個術語。SEO專家總是強調的Meta標籤,究竟是什麼,為什麼重要呢?

什麼是Meta標籤?​

Meta標籤是向搜尋引擎和瀏覽器告知網頁資訊的HTML代碼。雖然使用者看不見,但在幫助搜尋引擎理解頁面方面扮演著非常重要的角色。

Meta標籤位於HTML文件的<head>部分,包含頁面的標題、描述、關鍵字、作者等資訊。

<head>
  <meta charset="UTF-8">
  <meta name="description" content="部落格SEO的Meta標籤完整指南">
  <meta name="keywords" content="Meta標籤, SEO, 部落格">
  <meta name="author" content="zerocoke">
</head>

主要Meta標籤的類型​

1. Title標籤(標題標籤)​

最重要的Meta元素,是顯示在搜尋結果中的頁面標題。

<title>什麼是Meta標籤?部落格SEO優化指南</title>
  • 最佳長度: 50-60個字元
  • 提示: 將核心關鍵字放在前面
  • 範例: "什麼是Meta標籤? | 部落格SEO必備指南"

2. Description Meta標籤(描述標籤)​

顯示在搜尋結果中的頁面摘要描述。

<meta name="description" content="了解Meta標籤的定義以及如何用於部落格SEO優化。初學者也能輕鬆理解的完整指南。">
  • 最佳長度: 120-160個字元
  • 提示: 編寫吸引點擊的有吸引力的描述
  • 注意: 自然地包含關鍵字

3. Keywords Meta標籤(關鍵字標籤)​

過去很重要,但目前Google幾乎不使用。

<meta name="keywords" content="Meta標籤, SEO, 部落格, 搜尋引擎優化">
  • 目前狀態: Google幾乎忽略
  • Naver: 仍然部分使用
  • 建議: 可有可無,但不是必需的

4. Viewport Meta標籤(行動裝置優化)​

確保頁面在行動裝置上正確顯示。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • 必需元素: 對行動SEO非常重要
  • 效果: 被識別為行動裝置友善頁面

5. Robots Meta標籤(爬取控制)​

控制搜尋引擎機器人收集頁面的方式。

<meta name="robots" content="index, follow">
  • index: 允許包含在搜尋結果中
  • noindex: 從搜尋結果中排除
  • follow: 允許跟隨連結
  • nofollow: 忽略連結

6. Open Graph標籤(社群媒體)​

在Facebook、KakaoTalk等分享連結時顯示的資訊。

<meta property="og:title" content="什麼是Meta標籤?部落格SEO指南">
<meta property="og:description" content="關於Meta標籤的一切">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/meta-tag">
  • og:title: 分享時的標題
  • og:description: 分享時的描述
  • og:image: 分享時的縮圖(建議最小1200x630px)
  • og:url: 標準URL

7. Twitter Card標籤​

在Twitter(X)上分享連結時顯示的資訊。

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="什麼是Meta標籤?">
<meta name="twitter:description" content="SEO優化指南">
<meta name="twitter:image" content="https://example.com/image.jpg">

Meta標籤為什麼重要​

1. 影響搜尋排名​

  • Title和Description是搜尋引擎理解頁面內容的核心資訊
  • 適當的Meta標籤有助於提高搜尋排名
  • 關鍵字優化的第一步

2. 提高點擊率(CTR)​

  • 有吸引力的Title和Description促進點擊
  • 在搜尋結果中以醒目的描述獲得競爭力
  • CTR高則排名也會一起上升

3. 社群媒體優化​

  • Open Graph標籤提供分享時的清晰預覽
  • 增加社群流量
  • 提升品牌形象

4. 改善使用者體驗​

  • 用Viewport標籤進行行動裝置優化
  • 用Charset標籤防止亂碼
  • 促進快速頁面載入

編寫Meta標籤時的注意事項​

⚠️ 應避免的錯誤​

  1. 關鍵字堆砌

    • ❌ <meta name="description" content="Meta標籤 Meta標籤 Meta標籤 SEO SEO SEO">
    • ✅ <meta name="description" content="了解Meta標籤的定義和SEO優化方法">

  2. 重複的Meta標籤

    • 禁止在所有頁面使用相同的Title/Description
    • 為每個頁面編寫獨特的Meta標籤

  3. 描述太長

    • Description超過160個字元會在搜尋結果中被截斷
    • 將核心內容放在前面

  4. 缺少圖片Meta標籤

    • 沒有Open Graph圖片時,分享時會使用預設圖片
    • 圖片大小優化必不可少(1200x630px)

✅ 最佳實踐​

  1. 為每個頁面編寫獨特的Meta標籤
  2. 自然地包含核心關鍵字
  3. 使用行動呼籲("立即查看"、"了解更多")
  4. 定期測量和改進效能

Meta標籤優化檢查清單​

每次寫部落格文章時檢查以下項目:

  • 編寫Title標籤(50-60個字元)
  • 編寫Description標籤(120-160個字元)
  • 包含核心關鍵字(自然地)
  • 設定Viewport標籤
  • 設定Open Graph標籤(標題、描述、圖片、URL)
  • 設定Twitter Card標籤
  • 優化圖片(1200x630px)
  • 檢查重複的Meta標籤

如何檢查Meta標籤​

1. 開發者工具​

Chrome瀏覽器 → F12 → Elements選項卡 → 檢查<head>部分

2. 線上工具​

  • Meta Tag Analyzer: Meta標籤分析工具
  • Facebook Debugger: 檢查Open Graph
  • Twitter Card Validator: 檢查Twitter卡片

3. SEO擴充功能​

  • SEO Meta in 1 Click: Chrome擴充功能
  • SEOquake: 綜合SEO分析工具

各平台的Meta標籤設定方法​

Tistory​

管理員 → 裝飾 → 皮膚編輯 → HTML編輯 → 新增到<head>部分

WordPress​

  • 建議使用Yoast SEO外掛程式
  • 編輯每篇文章時在底部設定Meta標籤
  • 自動產生,但要謹慎編寫標題和第一段
  • 必須設定代表圖片

常見問題​

Q: 只要Meta標籤寫得好就能獲得高排名嗎?​

A: 不是的。Meta標籤只是SEO的基礎要素之一。內容品質、反向連結、頁面速度等各種因素共同作用。

Q: 必須包含Keywords Meta標籤嗎?​

A: Google幾乎不使用Keywords標籤。但Naver部分參考,所以可有可無,但不是必需的。

Q: Description中應該包含幾次關鍵字?​

A: 自然地包含1-2次就足夠了。強行多次包含可能會適得其反。

Q: 所有頁面可以使用相同的Description嗎?​

A: 絕對不行!必須為每個頁面編寫獨特的Description,搜尋引擎才能正確區分頁面。

總結​

Meta標籤是部落格SEO的基礎中的基礎。一開始可能看起來很複雜,但寫幾次後很快就會熟悉。

要點是:

  • ✅ 為每個頁面編寫獨特的Meta標籤
  • ✅ 自然地包含核心關鍵字
  • ✅ 編寫使用者想點擊的有吸引力的描述
  • ✅ 用Open Graph標籤優化社群媒體

從今天開始正確編寫Meta標籤,提高部落格的搜尋曝光度!

💡 相關文章: