Title Tag(標題標籤)是 HTML 中定義網頁標題的核心元素,它同時影響 Google 搜尋排名、使用者點擊率,以及在 AI 搜尋引擎被引用的機會。在 ChatGPT、Perplexity、Google AI Overviews 改變搜尋習慣的時代,一個寫得好的標題標籤,不只決定您的網頁能不能被搜尋到,更決定您的內容會不會被 AI 引用成為答案來源。本文完整解析 Title Tag 的寫法、最佳長度、常見錯誤,以及兼顧 SEO + AEO 的實務做法,特別適合台灣中小企業參考。
- 一、Title Tag 是什麼?程式碼範例與基本認識
- 二、為什麼 Title Tag 在 AI 搜尋時代更重要?
- 三、Title Tag 的最佳長度:字元數與像素寬度怎麼算?
- 四、標題標籤的最佳格式與寫作公式
- 五、怎麼寫出好的 Title Tag?六大實務原則
- 六、不同頁面類型的 Title Tag 寫法範例
- 七、為什麼 Google 會自動改寫我的 Title Tag?
- 八、AI 搜尋時代的 Title Tag:讓內容被 AI 引用
- 九、撰寫 Title Tag 的常見錯誤
- 十、台灣中小企業實戰情境:從 0 到 1 的優化流程
- 十一、Title Tag 最佳化檢查表
- 十二、結語:好標題是 SEO + AEO 的入口
- 常見問答 FAQ
一、Title Tag 是什麼?程式碼範例與基本認識
Title Tag(標題標籤)是 HTML 中用來定義網頁標題的元素,位置寫在 <head> 區塊內。它通常會顯示在三個地方:Google 搜尋結果頁面(SERP)的藍色標題、瀏覽器分頁的標籤名稱,以及社群分享時的預設標題。
簡單來說,Title Tag 就像是網頁的「門牌」與「招牌」。它不只告訴搜尋引擎這一頁在說什麼,也會直接影響使用者是否願意點進您的網站。在 AI 搜尋時代,它還多了一個角色:讓 AI 模型理解這頁是回答哪一類問題的權威來源。
Title Tag 程式碼範例
在 HTML 中,標題標籤的標準寫法如下:
這段 <title> 內容,是搜尋引擎與瀏覽器最常用來判定頁面標題的依據。它也是大多數 AI 搜尋引擎(包含 ChatGPT 搜尋、Perplexity、Google AI Overviews)在抓取頁面時,優先讀取的標籤之一。
Title Tag 與 Meta Title、SEO Title 有什麼不同?
許多剛接觸 SEO 的人會被這些名詞搞混,其實它們指的大致是同一件事:
- Title Tag:HTML 開發者使用的正式技術名稱。
- Meta Title:行銷端常用的稱呼,本質上仍是
<title>標籤。 - SEO Title:在 WordPress、Yoast SEO、Rank Math 等 SEO 外掛中,通常會用「SEO Title」欄位讓您設定要顯示在搜尋結果的標題。
- Page Title:有時泛指 H1 主標題或瀏覽器分頁標題,但需要看上下文判斷。
嚴格來說,它們最終都會被輸出到 HTML 的 <title> 標籤中,因此實務上可以視為同一個 SEO 元素。
二、為什麼 Title Tag 在 AI 搜尋時代更重要?
過去 Title Tag 的重要性主要來自兩件事:幫助 Google 理解頁面主題、提升搜尋結果頁的點擊率。但在 AI 搜尋普及後,標題標籤的影響力其實變得更大,而非更小。
1. AI 搜尋大幅提高「零點擊比例」
根據近期業界研究,啟用 AI Overviews 的搜尋結果零點擊率達 83%,遠高於傳統搜尋約 60% 的水準。這代表越來越多使用者只看 AI 摘要、不點進網站。當點擊機會被壓縮,標題能否第一時間說清楚這頁的價值,就比過去更關鍵。
2. AI 引用率比點擊率更值得追求
當 AI 摘要直接回答問題,品牌的曝光不只來自點擊,更來自「被 AI 引用」。研究顯示,被 AI Overviews 引用的品牌,後續會獲得約 35% 的信任型直接流量提升。而 AI 在判斷該引用哪個網頁時,Title Tag 是最先讀到的訊號之一。
3. AI 模型對「標題與內容一致性」更敏感
傳統 Google 排名雖然也看標題,但容忍度較高。AI 模型則會比對 Title、H1 與正文是否一致,如果落差太大,就可能跳過該頁不引用,以避免提供誤導性答案。換句話說,「貨不對版」在 AI 時代會被加倍懲罰。
Title Tag 影響的四大關鍵指標
三、Title Tag 的最佳長度:字元數與像素寬度怎麼算?
關於 Title Tag 長度,Google 官方並沒有明確公布字數上限,但根據業界長期追蹤的搜尋結果頁顯示規則,目前普遍接受的最佳實務如下。
1. 桌面版顯示限制約 600 像素
Google 搜尋結果中,桌面版的標題顯示寬度上限約為 600 像素,對應英文字元約 50-60 字。如果標題超過這個寬度,後段內容會被截斷成「...」。
2. 中文字寬度比英文寬,實際可顯示字數更少
這是台灣站長最容易忽略的地方:中文字屬於全形字元,單一個中文字的像素寬度約等於兩個英文字母。因此中文網站的 Title Tag,實際安全字數通常落在約 25-32 個中文字之間,而不是英文世界常說的 50-60 字。
| 顯示裝置 | 像素寬度上限 | 英文字元上限 | 中文字建議上限 |
|---|---|---|---|
| 桌面版搜尋結果 | 約 600 px | 50-60 字元 | 25-32 字 |
| 行動裝置搜尋結果 | 約 580 px | 50-55 字元 | 22-28 字 |
| 瀏覽器分頁 | 視分頁數量 | 顯示前段 | 顯示前 8-15 字 |
| 社群分享卡片 | 視平台規則 | 常截斷在 60-70 字元 | 常截斷在 30 字內 |
3. Google 的最短建議長度
太短的標題也不理想。如果標題低於約 30 個英文字元(285 像素),Google 反而可能認為描述不夠完整,有機率自動改寫成更長的版本。中文網站建議標題至少有 15 個中文字以上,才能完整描述主題。
4. 像素長度怎麼檢查?
因為 Google 是依像素而非字元數截斷,單純算字數並不準確。實務上可以善用以下工具:
- Google Search Console 的「網址檢查」工具,可預覽實際顯示效果。
- Mangools SERP Simulator、Portent SERP Preview Tool 等線上模擬工具。
- Yoast SEO、Rank Math 等 WordPress 外掛內建的長度警示。
四、標題標籤的最佳格式與寫作公式
Title Tag 沒有絕對唯一的寫法,但有幾種久經實戰驗證的「公式化結構」可以套用。
最常見的標準寫法,適合大多數教學文與服務頁。將最重要的關鍵字放在最前面,品牌放最後。
適合教學文章、FAQ 型內容,在 AI 搜尋時代特別有效,因為和使用者實際提問的句型一致。
適合本地服務型網頁,例如台中網頁設計、新北 SEO 公司等地區關鍵字。
數字標題有助於提升點擊率,適合清單型、教學型文章。
重點不在於一定要照公式寫,而是要達成這三件事:
- 讓 Google 看得懂主題。
- 讓使用者一眼就知道這頁能解決什麼問題。
- 讓 AI 模型在比對問題時,能快速判斷您的頁面是合適的答案來源。
五、怎麼寫出好的 Title Tag?六大實務原則
很多人以為 SEO 標題只要把關鍵字塞進去就好,但實際有效的標題,要同時兼顧搜尋引擎理解、使用者閱讀感受、主題準確度、點擊吸引力。以下是六個核心原則。
- 控制標題長度,把重點放前面 標題太長會被截斷,因此重要資訊一定要放在前 25-30 字以內。先寫核心主題、再補充說明、最後才放品牌名稱。
- 不要堆砌關鍵字 像「網頁設計,網頁設計公司,台北網頁設計,專業網頁設計推薦」這種寫法非常不自然,容易被 Google 判定為低品質,反而會降低排名與點擊率。
- 每個頁面都要有獨特標題 如果整站每頁都叫「品牌名稱 - 官方網站」,Google 會難以辨識各頁差異。每一頁都應該寫出對應的核心主題,避免重複。
- 主要關鍵字放在前段 越接近開頭的位置,越容易被搜尋引擎與使用者注意到。例如「SEO 教學:新手入門指南｜品牌名稱」比「品牌名稱｜帶你了解 SEO 教學」更好。
- 適度加入品牌名稱 如果品牌已有知名度,將品牌放在標題後段有助於提升信任。首頁、服務頁、產品頁特別建議帶上品牌名稱。
- 為使用者寫,不是為搜尋引擎寫 好的標題不只是讓 Google 看懂,更要讓人想點。寫完後請自問:這個標題自然嗎?有回答使用者想知道的事嗎?和其他搜尋結果相比,夠吸引人嗎?
實務寫法比較
同一個主題,可以看出不同寫法的明顯差異:
| 寫法版本 | 標題範例 | 問題與評估 |
|---|---|---|
| 較差版 | 新視野提供最專業最完整最值得信賴的 SEO 是什麼與搜尋引擎優化完整教學指南 | 過度堆疊形容詞、品牌在最前、超過 30 字、後段會被截斷。 |
| 普通版 | SEO 標題標籤介紹 | 太短,缺少差異化,無法吸引點擊,Google 可能自動改寫。 |
| 較佳版 | SEO 是什麼?完整入門指南與優化技巧｜新視野 | 主題清楚、關鍵字在前、長度適中、帶品牌、自然好讀。 |
六、不同頁面類型的 Title Tag 寫法範例
不同類型的網頁,適合的標題結構也不一樣。以下整理常見頁面類型的寫法參考。
1. 教學文章型
- Title Tag 是什麼?SEO 標題寫法完整教學｜新視野
- 關鍵字研究怎麼做?新手也能懂的實作流程｜新視野
- 結構化資料是什麼?Schema 標記完整教學與範例｜新視野
2. 服務頁型
- 台中網頁設計公司｜企業網站建置與 SEO 規劃｜新視野
- SEO 顧問服務｜網站健檢、策略規劃與排名優化｜新視野
- RWD 響應式網頁設計｜行動裝置優先的網站建置｜新視野
3. 產品頁型
- RWD 響應式網站方案｜適合中小企業的網站建置服務｜新視野
- 形象官網方案｜含 SEO 優化的企業網站建置｜新視野
4. 分類頁型
- SEO 教學專欄｜搜尋引擎優化知識整理｜新視野
- 網頁設計案例｜精選作品與網站建置實例｜新視野
5. 首頁型
- 新視野｜台中網頁設計與 SEO 顧問公司
首頁的標題建議以品牌 + 主要服務 + 地區為核心,讓使用者搜尋品牌名時,能清楚看到您的核心業務。
七、為什麼 Google 會自動改寫我的 Title Tag?
有時您明明設定好標題,Google 搜尋結果卻顯示了不同版本。這種情況並不罕見,Google 自 2021 年 8 月起調整了標題改寫機制,當系統認為原標題不夠合適時,就會自動參考其他訊號重寫。常見原因有以下幾種。
1. 標題疑似關鍵字堆砌
如果標題寫得太像是為 SEO 而堆,而不是為人閱讀而寫,Google 很容易判定為品質不佳,進而改寫。例如重複關鍵字、詞語堆疊、不自然的標點切割等。
2. 標題與頁面內容不一致
如果標題很吸引人,但頁面內容沒有真正回應該主題,Google 可能改用頁面中其他更貼近主題的文字當作標題。換句話說,標題不能只是好看,還要對得上內容。
3. 標題與使用者搜尋意圖不夠匹配
Google 會依據不同搜尋詞,動態調整顯示的標題。例如您原本寫的是品牌型標題,但使用者搜尋的是「教學」「怎麼做」這類教學意圖的詞,Google 可能會抓頁面中的 H1 或其他段落文字作為顯示標題。
4. Google 參考的其他標題訊號
當原 Title Tag 被認為不適合時,Google 可能參考以下訊號重寫:
- 頁面的 H1 主標題。
- 內部與外部連結的錨文字。
- Open Graph 標題(og:title)。
- 頁面中其他重要的標題段落。
因此最好的做法,是讓 Title Tag、H1、Open Graph 標題與頁面主題彼此呼應、互相一致,不要各說各話。
八、AI 搜尋時代的 Title Tag:讓內容被 AI 引用
在 ChatGPT、Perplexity、Google AI Overviews 都改變搜尋習慣的現在,Title Tag 不只要為 Google 寫,更要為 AI 引擎寫。這就是所謂的 AEO(Answer Engine Optimization,答案引擎優化)。
1. AI 引擎讀取 Title Tag 的方式
主流 AI 搜尋引擎在抓取網頁時,通常會優先讀取以下幾個元素:
<title>標籤(也就是 Title Tag)。- 頁面的 H1 主標題。
- Meta Description 描述。
- 結構化資料(Schema.org)中的 headline、name 屬性。
- 頁面前 200-300 字的內文摘要。
當 AI 接到使用者提問時,會比對標題與問題的語意相似度,語意越接近的頁面越容易被選為引用來源。
2. 三大 AI 搜尋引擎的引用偏好不同
不同的 AI 平台引用邏輯不一樣,標題策略也要略作調整。
3. 為 AI 引用優化標題的 3 個關鍵動作
- 使用「問題式標題」 因為使用者向 AI 提問時用的是完整問題句,Title Tag 若能呼應這種句型(例如「Title Tag 是什麼?」「標題標籤怎麼寫?」),語意匹配度會大幅提高。
- 標題與 H1、內文保持一致 AI 模型對「貨不對版」特別敏感。如果標題承諾的內容在文中找不到對應,AI 很可能跳過這頁不引用。建議 Title、H1、第一段引言、Meta Description 主題訊息一致。
- 在標題中明確定義「實體 Entity」 AI 模型透過知識圖譜判斷主題,標題若能清楚指出實體(例如「Title Tag」「Schema 結構化資料」「Core Web Vitals」),會比模糊用詞更容易被識別與引用。
九、撰寫 Title Tag 的常見錯誤
以下這些錯誤非常普遍,也很值得提前避免:
- 錯誤一:每頁標題都一樣 最常見的問題,通常出現在沒有設定客製化 Title Tag 的網站。每頁都叫「品牌名稱 - 官方網站」會讓搜尋引擎難以判斷各頁差異,內頁排名幾乎都會差。
- 錯誤二:只寫品牌,沒寫主題 把品牌放最前面、主題卻被擠到後面或乾脆沒寫。使用者一眼看不到內容重點,點擊率自然偏低。
- 錯誤三:過度浮誇或不實宣稱 像「全台第一」「最強」「保證第一名」這類措辭,如果內容沒有足夠支撐,反而降低可信度,在 AI 引用時也容易被視為行銷話術而跳過。
- 錯誤四:標題與內容不符 標題寫「2 萬字完整教學」,內容卻只有 800 字,這種落差會讓使用者迅速跳出,長期 SEO 表現一定受影響。
- 錯誤五:為了塞關鍵字犧牲可讀性 標題最終是寫給人看的,不是給機器看的。把所有想排名的關鍵字硬塞進去,只會兩邊都討好不到。
- 錯誤六:標題與 H1 完全不同 雖然 Title 和 H1 可以不一樣,但兩者主題訊息要一致。如果一個說「SEO 教學」,另一個說「網頁設計流程」,Google 與 AI 都會懷疑這頁究竟在講什麼。
- 錯誤七:忽略行動裝置顯示 行動版搜尋結果可顯示的字數更少。如果您的標題只在桌面版顯示完整,行動裝置使用者可能完全看不到後段重點。
十、台灣中小企業實戰情境:從 0 到 1 的優化流程
許多台灣中小企業的官網,標題標籤都是建站時隨手填寫,從未認真優化。以下是一個典型的優化流程,適合 5-30 頁規模的中小企業官網。
步驟一:盤點現有 Title Tag
先用爬蟲工具(如 Screaming Frog、Sitebulb,或請開發者匯出)整理出全站所有頁面的現有標題,放進 Google Sheet 一頁一行。重點檢查:
- 是否有頁面標題完全空白?
- 是否有頁面標題重複(尤其是商品列表、分類頁)?
- 是否有頁面標題過長(超過 32 個中文字)或過短(少於 12 個中文字)?
- 是否所有頁面都只是「品牌名稱 - 官方網站」?
步驟二:盤點關鍵字與搜尋意圖
為每頁設定 1-2 個主要關鍵字。可用 Google Search Console 的「查詢報表」查看真實有人搜尋的關鍵字,並補充 Google 自動建議、Google 趨勢、Ahrefs、Ubersuggest 等工具。判斷每個關鍵字背後的意圖是「了解資訊」「比較選項」還是「準備購買」,標題的寫法會不同。
步驟三:依公式重寫標題
套用前述四種公式,為每一頁設計新標題。建議遵守以下原則:
- 首頁:品牌 + 主業 + 地區。
- 服務頁:主服務 + 補充說明 + 品牌。
- 教學文:問題式或數字式 + 主題 + 品牌。
- 商品頁:商品名 + 規格 + 品牌。
步驟四:上線後追蹤 Search Console 表現
更新後 2-4 週,到 Google Search Console 的「成效」報表觀察:
- 關鍵字曝光量是否上升。
- 點擊率(CTR)是否提升。
- Google 是否仍在改寫您的標題。
- 是否出現新的、與標題相關的長尾關鍵字。
如果某些頁面的 CTR 仍低於同類關鍵字平均,就再回頭調整標題的吸引力描述。Title Tag 優化不是一次性工作,而是一個持續迭代的過程。
十一、Title Tag 最佳化檢查表
在發布頁面前,可以快速檢查以下項目。只要大致都符合,通常就已經比多數網站做得更好了。
- 標題是否清楚描述了頁面主題?
- 主要關鍵字是否自然出現在前半段?
- 標題長度是否控制在 25-32 個中文字內?
- 是否與站內其他頁面標題明顯不同?
- 讀起來是否自然、像人會說的話?
- 是否與 H1 主標題、Meta Description、頁面內容主題一致?
- 是否在合適位置加入品牌名稱,但不搶走主題焦點?
- 是否使用問題式或數字式句型,有助於 AI 引擎引用?
- 是否避免關鍵字堆砌、誇大宣稱?
- 是否在行動裝置上也能完整顯示前段重點?
若想進一步系統化整個網站的 SEO 優化,可以參考新視野 SEO 教學指南,完整涵蓋從關鍵字研究、內容規劃到技術 SEO 的實務做法。
十二、結語:好標題是 SEO + AEO 的入口
Title Tag 看起來只是一小行字,但影響其實非常大。它不只是搜尋引擎理解頁面的依據,也是使用者決定要不要點進網站的第一道關卡,更是 AI 搜尋引擎判斷您是否值得被引用的關鍵訊號。
一個好的標題標籤,應該同時做到三件事:
- 準確描述頁面內容,避免「貨不對版」。
- 自然融入核心關鍵字,不堆砌、不誇大。
- 使用貼近真實提問的句型,提高點擊與 AI 引用機會。
如果您把 Title Tag 寫得又長又雜,Google 會幫您改;但如果您寫得清楚、貼近搜尋意圖,又讓人想點,它就會成為很有價值的 SEO + AEO 資產。在 AI 改變搜尋規則的時代,標題仍然是您與使用者、與 AI 之間最重要的第一道接觸點。把這一行字寫好,流量與品牌信任都會回報您。
