# 標題與 Meta Description 怎麼寫：小店家吸引點擊的搜尋門面

> 分類：SEO 與 AI 搜尋 · SEO 教學週更 第 6 篇 · 發布：2026-10-27
> 標題與 Meta Description 是網頁在 Google 搜尋結果頁上的第一門面。標題直接影響排名與點擊，Meta Description 則是吸引客人進站的廣告摘要。本文依據 Google 官方指南，說明小店家如何撰寫簡明且具吸引力的標題與說明，並解答被 Google 自動替換的常見原因。

**結論：** 網頁標題是決定排名的核心訊號與搜尋連結，Meta Description 則是吸引點擊的廣告文案；兩者應準確概括內容並維持獨特性。

這是「SEO 教學週更」第 6 篇。在第一季總覽[〈SEO 是什麼？〉](https://labangram.kamera-ichi.com/blog/what-is-seo-2026)中，我們提到搜尋引擎處理網頁的關鍵是「讀得懂」；上一篇[〈搜尋意圖〉](https://labangram.kamera-ichi.com/blog/search-intent)探討了如何辨識客人搜尋背後的真正目的。確定頁面要滿足哪種意圖後，下一步就是為頁面打造門面——也就是客人在搜尋結果頁上最先看到的「標題連結（Title Link）」與「摘要說明（Snippet）」。

## 標題與 Meta Description 在搜尋結果中的角色

當客人在 Google 輸入關鍵字按下搜尋後，搜尋結果頁（SERP）通常由數組藍色文字連結與下方的簡短說明文字構成。這兩項元素在 HTML 語法中分別對應 `<title>` 元素與 `<meta name="description">` 標記：

1. **標題連結（Title Link）**：搜尋結果中字體最大、最顯眼的點擊連結。瀏覽器分頁標題與加入書籤時的預設名稱，也是讀取這項資訊。它不僅是使用者決定是否點進網頁的第一印象，更是 Google 演算法判定網頁核心主題最重要的信號之一。
2. **網頁摘要與 Meta Description（中繼說明）**：位於標題連結下方的灰色或黑色說明文字。這段文字通常來自 HTML `<head>` 區段內的 `<meta name="description">` 標記，或由 Google 演算法自動從網頁內文中截取相關句子。

許多剛接觸 SEO 的店家常將這兩者混為一談，但它們在搜尋引擎眼中的定位完全不同：

- **標題是「排名信號」也是「點擊誘因」**：標題中的關鍵字直接協助搜尋引擎建立索引與比對相關性。若標題未提及客人的查詢詞，頁面往往難以排在搜尋結果前列。
- **Meta Description 是「廣告文案」而非「直接排名因素」**：Google 官方多次公開說明，`<meta name="description">` 標記內的文字**不會**直接參與網頁排名的演算法計算。即使在說明中塞滿關鍵字，也不會提升該頁面的搜尋排名。然而，寫得清楚、吸引人的說明能顯著提升「點擊率（Click-Through Rate, CTR）」。

換句話說，標題的任務是告訴 Google 與客人「這頁在講什麼」，爭取進入前幾名的機會；Meta Description 的任務則是說服客人「點這篇能解決你的問題」，把曝光化為實質訪客。

## 撰寫優質網頁標題的四大原則

Google 官方在〈影響 Google 搜尋中的標題連結〉指南中，針對網頁標題提出了具體建議。店家在撰寫 `<title>` 標籤時，應遵循以下四項原則：

### 1. 簡明扼要，避免過於籠統

網頁標題必須準確描述該頁面的具體內容。避免使用毫無資訊價值的名稱，例如將首頁命名為「首頁」或「Home」，將產品列表頁命名為「產品目錄」，將聯絡資訊頁命名為「聯絡我們」。

較佳的做法是直接點出業務主題或服務核心：
- 不佳：首頁
- 較佳：禾光甜點工作室｜台北中山區法式手工可麗露專賣
- 不佳：服務項目
- 較佳：皮鞋維修與鞋底更換服務｜大安門市｜匠人鞋坊

### 2. 避免關鍵字堆砌（Keyword Stuffing）

有些店家誤以為標題塞入越多次關鍵字越好，寫出類似「台北修鞋、修鞋推薦、手工修鞋、台北修皮鞋、修鞋店」的標題。Google 官方文件明確指出，這種濫填關鍵字的行為對使用者毫無助益，且違反 Google 搜尋的垃圾內容政策，可能導致系統判定該搜尋結果不可靠，甚至由演算法強制重寫標題。

標題中的關鍵字應自然融入句子，出現一次核心字詞即可。

### 3. 全站每頁標題維持獨一無二，拒絕公式化重複

全站每個獨立網頁都應有專屬的標題文字。如果電商或官網有幾十個頁面，每個頁面的標題全都是「精選手工皮件專賣店 - 全館優惠中」，客人便無法在搜尋結果中辨識各頁面的差異，搜尋引擎也難以評估哪一個網頁才是對應客人查詢的最佳解答。

對於規格類似的產品或文章，應帶入專屬的產品名稱或文章主題：
- 不佳：手工皮夾特賣 - 皮革工坊（所有商品頁都一樣）
- 較佳：義大利植鞣牛皮短夾（墨綠色）｜皮革工坊

### 4. 簡明宣傳品牌，標明網站名稱

標題適度加入品牌或店家名稱，有助於建立辨識度與長期信任。建議將頁面具體主題放在前半段，品牌名稱放在後半段，並使用連字號（-）或直線（|）作為分隔符號。

例如：`手工皮鞋保養步驟圖解教學｜匠人鞋坊`。客人搜尋「皮鞋保養」時，最先看見符合需求的主題「手工皮鞋保養步驟圖解教學」，接著看到品牌名稱「匠人鞋坊」，既兼顧點擊意圖，又強化品牌印象。

### 標題長度控制：25 至 30 個中文字

Google 搜尋結果頁對標題連結的顯示寬度有硬性限制（桌機版通常約為 600 像素，手機版則依螢幕寬度而定）。超過顯示長度的文字會被截斷並以省略號（...）呈現。

以繁體中文的字元寬度換算，標題長度建議控制在 **25 至 30 個中文字**（半形英文字元約 50 至 60 字元）之內。務必將最重要的核心關鍵字與差異化亮點置於標題前半段，確保在各種裝置螢幕上都能完整顯示。

## 撰寫 Meta Description 的實戰技巧

在 HTML 語法中，Meta Description 的基本寫法如下：

```html
<meta name="description" content="這裡填寫 75 至 120 字的繁體中文網頁摘要。">
```

根據 Google 官方〈管理搜尋結果摘要〉說明，高品質的 Meta Description 就像簡短的宣傳文案，能說服使用者你的網頁就是他們要找的解答。撰寫時可掌握以下技巧：

### 1. 為每個重要頁面撰寫專屬說明

與標題相同，不同頁面應具備不同的 Meta Description。若時間有限、無法一次為全站數百頁撰寫說明，建議依重要性排定優先順序：優先完成首頁、核心商品頁、主要服務頁與高流量教學文章的 Meta Description。

### 2. 整合分散的關鍵資訊

Google 官方指出，Meta Description 不一定只能是單一完整句子，也可以整合頁面中分散的重要資訊。例如：
- **實體店家與餐飲**：整合特色餐點、營業時間、服務區域與捷運站位置。例如：「位於台北捷運中山站步行 3 分鐘，專注法式手工可麗露與常溫甜點。週二至週日營業，提供門市外帶與全台低溫宅配服務。」
- **教學文章**：整合文章解答的核心問題與教學對象。例如：「皮鞋淋雨發霉怎麼辦？本文提供 4 步驟居家清潔教學，從除霉抹布挑選、皮革專用清潔劑使用到通風陰乾注意事項，協助你快速復原愛鞋。」

### 3. 加入明確的行動誘因（CTA）

在說明的結尾加上輕量、具體的行動導引，例如「歡迎線上預約門市試穿」、「點擊查看完整步驟教學」或「立即線上試算尺寸」，讓在搜尋結果頁猶豫的客人有明確的點擊動機。

### Description 長度控制：75 至 120 個中文字

Google 搜尋結果的摘要顯示長度通常為桌機版約兩行、手機版約三至四行。繁體中文建議將長度設定在 **75 至 120 個中文字**（英文字元約 150 至 160 字元）。
- **過短（低於 50 字）**：無法充分說明頁面價值，容易被 Google 演算法判定資訊不足而改用內文片段取代。
- **過長（超過 130 字）**：超出部分在搜尋結果頁會被硬生生截斷，若重要結論落在後半截，客人便無法看見。

## 為什麼 Google 顯示的標題與摘要與設定不同

許多店家設定好 `<title>` 與 `<meta name="description">` 後，去 Google 搜尋卻發現顯示的文字與自己寫的完全不同，甚至誤以為網站遭受懲罰。

事實上，Google 在搜尋結果中顯示的標題連結與摘要是**全自動產生**的。Google 演算法會評估設定的標籤是否切合使用者當前的搜尋意圖，並在必要時自動調整。

### 標題連結被 Google 替換的常見原因

根據 Google 官方說明，系統在以下情況會嘗試從其他來源產生標題連結：

1. **標題過於簡略或缺少資訊**：例如標題只有「｜店家名稱」，缺少具體產品或頁面主題。
2. **標題過期或資訊不一致**：例如內文大標題寫著最新年度活動，但 `<title>` 標籤仍停留在去年的年份。
3. **標題與內文主要語言或書寫系統不符**：例如網頁主要內容為中文，標題卻填寫純英文或羅馬拼音。
4. **全站公式化嚴重**：大量網頁套用相同的重複詞彙，導致搜尋引擎難以區隔。

當上述狀況發生時，Google 會參考網頁上的 `<h1>` 大標題、視覺上最醒目的文字、其他網頁連向該頁時使用的錨定文字（Anchor Text），甚至結構化資料中的網站名稱，自動拼組出更切合的標題連結。

### 網頁摘要被 Google 替換的常見原因

Google 在官方文件中明白指出：**搜尋結果摘要主要來自網頁實際內容**。

只有當演算法認為你所填寫的 `<meta name="description">` 比從網頁中直接截取的內容更適合解答客人的搜尋時，才會採用 Meta Description。在許多情況下，同一個網頁面對不同的搜尋關鍵字，Google 會動態截取內文中包含該關鍵字的特定段落作為摘要，以協助搜尋者快速確認網頁是否包含他想要的解答。

這並非系統錯誤，而是 Google 提供給搜尋者的動態體驗。店家能做的是確保網頁內文段落結構清晰、重點明確，同時為每個頁面提供準確、精簡的 Meta Description，爭取被採用的機會。

## 店家實例對比：同一間甜點店的兩種寫法

以一間虛構的台北中山區手工可麗露甜點工作室為例，對比不良寫法與良好寫法的實務差異：

| 頁面類型 | 寫法 A（常見不良寫法） | 寫法 B（符合搜尋指南的良好寫法） |
|---|---|---|
| **首頁標題** | 台北甜點推薦｜可麗露專賣店｜台北下午茶｜手工甜點｜法式點心推薦 | 禾光甜點工作室｜台北中山區法式手工可麗露專賣 |
| **首頁說明** | 台北甜點推薦，我們有最好吃的可麗露，歡迎大家來店參觀選購，捷運中山站甜點首選。 | 專注法式手工可麗露與常溫糕點，嚴選馬達加斯加香草莢與法國發酵奶油。門市鄰近捷運中山站，提供門市自取與全台常態低溫宅配服務。 |
| **商品頁標題** | 經典原味可麗露特賣推薦 - 台北甜點可麗露專賣店推薦 | 經典蜂蠟香草可麗露（單顆／六入禮盒）｜禾光甜點工作室 |
| **商品頁說明** | 經典原味可麗露超好吃，點擊購買，特價優惠中，台北可麗露首選。 | 外層蜂蠟薄脆焦香、內層濕潤柔軟如布丁。使用天然波旁香草莢低溫熟成麵糊，適合常溫即食或冷凍回烤。提供單顆外帶與六入禮盒裝。 |
| **預約交通頁標題** | 交通資訊與預訂 | 門市自取預約與交通指引｜近捷運中山站 4 號出口｜禾光甜點 |
| **預約交通頁說明** | （留白未填寫，讓系統隨機截取） | 禾光甜點門市位於台北市中山區南京西路商圈，自捷運中山站 4 號出口步行 3 分鐘即可抵達。內附門市營業時間、自取預約流程與周邊收費停車場指引。 |

### 分析寫法 B 的優點

1. **標題層次分明**：寫法 B 捨棄了堆疊「推薦」、「首選」等空泛形容詞，開頭直接點出該頁面專屬的主題（例如「經典蜂蠟香草可麗露」或「門市自取預約與交通指引」），結尾掛上品牌名，長度維持在 25 字左右，在手機螢幕上不會被截斷。
2. **說明具體且富含實質資訊**：寫法 B 的 Meta Description 整合了原料規格、口感特色、保存食用建議與地理交通細節。客人即使尚未點進網頁，也能從摘要中快速評估這家店是否符合自己的需求，點擊進站的意願與精準度大幅提升。
3. **降低被演算法改寫的風險**：明確對齊各頁面的主要內容與視覺標題，避免公式化重複，搜尋引擎便會優先採用店家精心設計的標題與說明。

## 常見錯誤

- **全站共用同一套標題與說明。** 為了圖方便，直接在網站後台全域設定同一段標題與描述，導致所有子頁面在搜尋結果中長得一模一樣，客人難以分辨，搜尋引擎也難以判斷頁面關聯。
- **在標題中濫填關鍵字（Keyword Stuffing）。** 堆砌大量同義詞（如「修鞋 台北修鞋 修鞋推薦 修皮鞋店」），不僅影響閱讀體驗，更違反 Google 垃圾內容政策。
- **將 Meta Description 當作排名關鍵字列表。** 在說明欄位填入「可麗露, 台北甜點, 下午茶, 手工餅乾, 禮盒」，完全沒有可讀性。Google 明確指出這類說明缺乏實質用途，演算法會直接略過並自行截取內文。
- **首頁標題只寫「首頁」或純店名。** 首頁是網站權重最高的頁面，若標題只寫「首頁」或未帶有業務核心定位的店名，會白白浪費向搜尋引擎與初次訪客展示核心價值的機會。
- **標題放置容易變動的即時資訊。** 例如在標題寫上「本週促銷滿額折扣」或頻繁浮動的報價。Google 重新爬取與建立索引需要數天至數週時間，過時的標題資訊會造成訪客落差與困擾。

## 常見問題

### Meta Description 寫好了，為什麼 Google 搜尋結果沒採用？

這是正常現象。Google 演算法會根據使用者的實際搜尋字詞，判斷預設的 Meta Description 是否最能解答該次查詢。如果搜尋者的問題在頁面正文某個小節有更精確的說明，Google 會動態截取該段文字作為摘要呈現。只要確認你寫的 Meta Description 確實精準概括全頁主題且未堆砌關鍵字，便已達到最佳實踐。

### 標題中的分隔符號用直線「|」還是連字號「-」比較好？

兩者皆可。Google 官方文件指出，連字號、冒號或直線都可以作為網站名稱與主題的分隔符號。在繁體中文網頁設計中，直線「｜」（通常使用全形或半形加空格）在視覺上俐落清爽；英文站點則普遍採用連字號「 - 」。重點在於全站保持一致，不要在同一網站內混用多種不同的符號風格。

### 使用 WordPress 或架站平台，要在哪裡設定標題與 Meta Description？

多數主流平台都不需要手動修改 HTML 原始碼：
- **WordPress 網站**：安裝主流 SEO 外掛（例如 Yoast SEO、Rank Math 或 All in One SEO），在每篇文章或頁面編輯區的下方，就會出現「SEO 標題」與「中繼說明（Meta Description）」的輸入欄位與即時預覽畫面。
- **Wix 或 Shopline 等電商平台**：進入個別商品或頁面的「設定」或「搜尋引擎最佳化（SEO）」分頁，通常即可直接填寫「網頁標題」與「頁面描述」。

## 參考資料

- [影響 Google 搜尋中的標題連結](https://developers.google.com/search/docs/appearance/title-link?hl=zh-tw)
- [管理搜尋結果摘要](https://developers.google.com/search/docs/appearance/snippet?hl=zh-tw)
- [搜尋引擎最佳化 (SEO) 入門指南](https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-tw)
- [Google 支援的中繼標記和屬性](https://developers.google.com/search/docs/crawling-indexing/special-tags?hl=zh-tw)

Tags: SEO, 標題標籤, Meta Description, 搜尋結果, 小店家
Canonical: https://labangram.kamera-ichi.com/blog/title-and-meta-description/
Author: Cheng Jung Chen (Laban) — https://labangram.kamera-ichi.com/about