何謂 Meta Tags？向搜尋引擎傳遞頁面資訊、索引狀態的媒介
Meta Tags 是一種 HTML 標籤，它提供了關於網頁內容的重要資訊。儘管這些資訊並不會直接顯示在網頁上，卻是搜索引擎了解網頁內容並決定其在搜索結果中排名的重要因素。
此外，某些 Meta Tags，如網頁標題（Title）和網頁描述（Description），還會影響到網頁在搜索結果中的顯示方式，同時是使用者是否會點擊進入網頁的重要依據，了解並正確使用 Meta Tags 是每個網站經營者和 SEO 人員必須掌握的基本知識。
本文主要針對網頁標題和網頁描述進行介紹，其他 SEO 常見的 Meta Tags 可以參考 HTML Meta Tags 攻略 與 Meta Robots 總整理。
網頁標題（Title）與網頁描述（Description）是什麼？為何對 SEO 重要？
「網頁標題 Meta Title」顧名思義為每個網頁的名稱，不僅是呈現在搜尋結果頁上的標題，同時也會出現在瀏覽器的標籤上；而「網頁描述 Meta Description」則是一段簡短摘要，出現在搜尋結果標題的下方，幫助使用者快速掌握該網頁的內容概要。
圖：搜尋結果頁上的網頁標題（Meta Title）與網頁描述（Meta Description）
圖：網頁標題（Meta Title）同時也是瀏覽器標籤上會顯示的文字
圖：網頁標題（Meta Title）與網頁描述（Meta Description）的 HTML 語法
站在 SEO 操作的角度，擁有好的網頁標題和網頁描述不只能讓爬蟲快速理解我們網站的內容，撰寫吸引人的 Meta Title 與 Meta Description 也有助於提升用戶的點擊率（CTR），對搜尋結果排名有重大的影響，也是 SEO 優化不可或缺的項目。
如何撰寫符合 SEO 的網頁標題 Meta Title
掌握以下四個原則，寫出好的網頁標題不是難事：
- 標題不要超過 25 – 30 個中文字
- 標題包含主關鍵字，但避免過度填塞
- 依據頁面類型要調整標題設計方向
- 標題不要重複
A. 標題不要超過 25 – 30 個中文字
一般來說，搜索引擎會顯示約 50 – 60 個英文字元的標題（約 25 – 30 個中文字）。過長的標題可能會因此被截斷或遭到搜尋引擎刪減，對使用者來說也不容易快速理解，因此在撰寫網頁標題時，記得要把握「簡明扼要」的原則，在限制字數內向使用者精準傳遞網頁相關的資訊。
B. 標題包含主關鍵字，但避免過度填塞
在標題中加入主要關鍵字，可以幫助爬蟲和使用者更快掌握文章與關鍵字的關聯，在 SEO 操作上是常見的作法，但要小心過多的關鍵字會造成閱讀上的困難，甚至可能被搜尋引擎認為是而易操作導致網站遭到排名降低的處罰，所以建議大家下標前先羅列要操作的關鍵字群，再判斷文字該如何排列組合能夠最大程度涵蓋到主關鍵字但同時保有閱讀的流暢性。
C. 依據頁面類型要調整標題設計方向
不同性質的頁面，傳遞的資訊也會有差異，主要可以分為首頁、服務頁、產品頁、文章頁 4 種類型頁面：
- 首頁：首頁是使用者最有機會看到的頁面，網頁標題應以「傳遞品牌價值，強化品牌印象」為核心，透過「品牌名稱+品牌特色+主要服務」方式呈現。
- 範例1：Ranking SEO AI 成長火箭：帶你掌握自然搜尋流量密碼上首頁！
- 範例2：蟬說｜山中靜靜-豪華露營 GLAMPING，台中豪華露營體驗
- 服務頁：服務頁的標題應該清楚說明提供的服務項目與特性，同時一併提及品牌名稱，透過「服務名稱＋服務特色｜品牌名稱」方式，加深品牌與服務的連結。
- 範例1：品牌門面輕鬆架設，形象官網量身打造 | Ranking SEO 網頁設計
- 範例2：營業用茶葉批發供應商｜OEM/ODM 茶葉代工｜元融堂服務項目
- 產品頁：產品頁的標題應該要讓使用者一目瞭然產品資訊，像是「產品名稱＋特色/規格＋銷售賣點」的方式，如果網頁標題不會過長，可以再加上「品牌名稱」。
- 範例1：mooInk S 電子書閱讀器，質感、速度，一手掌握！ – Readmoo
- 範例2：Readmoo 讀墨 mooInk S 6 吋電子書閱讀器硯墨黑 | 誠品線上
- 文章頁：文章頁（如部落格文章）的標題應該包含文章的主題，並盡量將重點關鍵字往前放，優先以「文章主題」方式呈現，如果網頁標題不會過長，可以再加上「品牌名稱」。
- 範例 1：AI Martech 推進醫療診院數位化！解析其應用與挑戰 – Digit Spark
- 範例 2：蔓越莓功效有 9 好處，蔓越莓益生菌怎麼選？4 禁忌注意- 康健雜誌
D. 標題不要重複
在 SEO 經營上，「重複內容」是不可觸碰的大忌，重複的標題當然也是！若網站內同時有多個重複或類似的標題，會擾亂爬蟲和使用者對各個頁面的理解，導致 SEO 受到負面影響，建議大家在大量撰寫內容時不要忘記時時回頭盤點網站已有的內容，確保沒有出現概念、主題類似的文章，也就能避免重複標題的產生。
如何撰寫符合 SEO 的網頁描述 Meta Description
了解如何撰寫好的網頁標題後，接下來將說明如何撰寫符合 SEO 並吸引人 的網頁描述！
- 獨特的網頁描述
- 網頁描述字數控制在 50 – 76 個中文字
- 網頁描述不要填塞過多關鍵字
- 加入明確行動呼籲（Call To Action）的網頁描述
Ａ. 獨特的網頁描述
如同上面說明如何撰寫符合 SEO 的網頁標題時提到的「標題不要重複」一樣的概念，為了避免搜尋引擎與使用者混淆，每個網頁都應該有一個與其內容相符的獨特描述。
實務上會遇到客戶網站不同頁面皆使用相同網頁描述文案，雖然這是省時省力的作法，但如果想要更加鞏固 SEO 優化上的良好表現，建議還是依照各網頁的內容主軸設計專屬的頁面描述。
B. 網頁描述字數控制在 50 – 76 個中文字
不只是網頁標題，網頁描述也需要留意字數，搜尋結果頁能顯示的 Meta Description 字數為 100 – 152 個英文字元，大約是 50-76 個中文字，超過的話就會被以刪節號的方式截斷，對使用者理解網頁內容造成阻礙。也因為字數有限，大家在撰寫網頁描述時可以盡量避免拐彎抹角、直接以簡單明瞭的方式忠實呈現文章概要就可以囉！
C. 網頁描述不要填塞過多關鍵字
網頁描述同樣作為讓爬蟲和用戶快速掌握內容概要的元素，適當加入關鍵字當然有助於強化我們網站與該關鍵字的關聯，但也一樣要注意切勿堆砌大量關鍵字，避免被搜尋引擎修改，甚至被認定為違反 SEO 政策，影響排名又造成使用者反感。
D. 加入明確行動呼籲（Call To Action）的網頁描述
吸引人的網頁描述除了闡明頁面主要內容、讓使用者在點擊進入頁面前即了解頁面重點外，明確的行動呼籲更能吸引使用者點擊，像是：「了解更多產品資訊」、「免費獲取最新知識」、「現在下載享有優惠」等號召性用語，都能有效的讓使用者願意進一步點擊頁面。
延伸閱讀： Call to Action 行動呼籲怎麼寫？4 種寫法幫你提高轉換率
Meta Title 與 Description 強效助手：Ranking SEO 文案規劃工具
介紹完 Meta Title 與 Meta Description，可以發現要注意的細節頗多，從字數、關鍵字到相關議題都需要妥善規劃。Ranking SEO 的文案規劃工具提供了 SEOer 們一個強效輔助，讓用戶們在撰寫文章時便能同步發想 Meta Title 與 Meta Description，透過智能系統給予議題的字詞建議，讓撰寫標籤內容上更加無負擔。
體驗強效 SEO 助手：註冊免費體驗 7 天試用
支援網頁標題與描述修改的後台有哪些？ 3 大後台類型分析給你聽
在了解如何撰寫符合 SEO 、使用者體驗的網頁標題與網頁描述後，可以發現核心概念是「客製化」。但是所有網站後台都可以修改 Meta Title 和 Meta Description 嗎？
接下來將從設計獨特網頁標題和描述的方便性與上手程度的角度，介紹 3 個最常見的網站後台系統類型：
- CMS 系統
- 電商系統
- 自行架設網站
A. CMS 內容管理系統
CMS 即為內容管理系統，是一種方便操作並容易了解的後台系統，讓不懂程式語言的人，都能輕鬆更新與新增網站內容，包含像是網頁製作、圖片設置與優化、社群連結與留言互動等功能。通常提供客製化服務（非實體產品），且重視內容經營的品牌，或自媒體是此系統的常用族群。
目前最多人使用的內容管理系統是 WordPress，理由在於它是一個 SEO 操作友善的平台，能夠新增並支援眾多 SEO 外掛，如 Yoast SEO、Rank Math。
以 Yoast SEO 外掛為例，頁面提供網頁標題與網頁描述的編輯欄位，可依據需求自行設計適合的內容文字。
圖片來源： yoast seo 官方文件
延伸閱讀：Yoast SEO 教學文章：從外掛安裝到SEO重要欄位介面說明
B. 電商後台系統
接著是電商後台系統，因為該後台主要的目的是為了電子商務的營運，因此功能以管理產品、訂單、庫存、用戶資訊等為主。
而這種類型的後台在 SEO 功能的發展上也是從「產品」出發，以提供快速調整產品頁和產品描述等面向為主，因此調整網頁標題和網頁描述的功能並不是每個電商系統都有。
常見有可以自訂網頁標題和描述的電商平台有 Cyberbiz、Shopline 等，如果執行 SEO 需求的電商經營者，可以考慮以這幾個電商系統作為優先選擇。
C. 自行架設網站
最後是自行架設網站，自行架設網站需要一定的技術門檻，且會花費比上述兩種系統更多的時間與心力。因此如果想要快速上手執行 SEO，建議可以根據需求（如：B2B 或是 B2C、提供具體產品還是客製化服務），在 CMS 系統與電商系統之間做選擇。
若傾向 CMS 系統的網站，同時又希望同時兼顧 SEO-Friendly 架構與良好使用者體驗（RWD響應式網頁設計），並傳遞出品牌特色的視覺美觀設計，不妨參考 Ranking 的網頁設計服務，讓我們的專業設計團隊為您打造獨特的品牌網站。
網頁標題 Meta Title SEO 常見問題
1. 為什麼 Google 顯示的網頁標題與設置的不相同？
首先需要了解 Google 的目標是提供最相關、最有價值的內容給使用者。因此，Google 會根據使用者的搜尋關鍵字，自動調整搜索結果中的網頁標題以提供更符合使用者需求的內容。這就是為什麼我們看到的網頁標題，有時候會與我們在網站上設置的標題不同。
另外如果網頁標題過長或者不符合 Google 的指南，Google 也可能會選擇不顯示我們設置的標題，而是顯示抓取網頁的其他內容重新生成適合的標題。因此在設置網頁標題時，需要確保標題的長度適中，並且清晰、準確，才能盡量避免被 Google 改掉的情況。
需要注意的是即使 Google 可能會調整我們的網頁標題，並不代表在設置網頁標題時可以馬虎喔！按照本篇文章整理的優化原則，設計出好的網頁標題，仍然是提高 SEO 排名的重要因素，並能確保吸引讀者的注意。
2. 社群平台分享縮圖文字標題是否是取自 Meta Title ?
在現今社群媒體當道的時代，大眾通常會分享好文章給周遭的親友，在分享時出現的文章標題其實是取自 Open Graph meta tags（ OG 標籤）中的 OG Title ，藉由 OG 標籤，可以設計頁面被分享在社群平台上時出現的標題、描述與縮圖，常用 OG 屬性標籤包含以下：
以【SEO教學指南】這篇文章為例，當分享到 Line 上時，會如下圖呈現：
如果 OG Title 沒有設置，搜尋引擎爬蟲則會抓取Meta Title，作為分享文章時的縮圖標題。
總結
在了解該如何撰寫網頁 Meta Tags 中最重要的兩個標籤：Meta Title ＆ Meta Description 後，我們還有提供其他 SEO 相關文章，可以根據需求點擊文章右側 Sidebar「文章分類列表」底下的分類，讓對 SEO 有興趣的讀者能夠更全面的認識 SEO !
對於想開始嘗試 SEO 的新手或是正在執行的 SEOer ，我們提供 Ranking SEO 工具。
涵蓋多種 SEO 檢查與優化功能，從關鍵字規劃、SEO 文案規劃工具，到網站健檢、競業分析， Ranking SEO 是功能多元且介面清晰的 SEO 工具。如有興趣，可以立即註冊點擊使用，協助使用者更快速、有效率地完成 SEO 優化！
