Meta Title/Meta Description怎麼寫？SEO Meta Tag有哪些？

Meta Title＆Meta Description是什麼？SEO文章必備知識！

想要學習如何撰寫一篇優質的SEO文章，除了文章內容本身要有價值之外，還有許多SEO技術層面的知識你必須要知道。

本篇文章要來介紹攸關網頁或SEO文章門面的Meta Title Meta Description。

✨想知道一篇優質的SEO文章如何撰寫，推薦你閱讀此篇文章：SEO 文章怎麼寫？從關鍵字分析開始，7 個步驟帶你完成

（一）Meta Title是什麼？Meta Title定義與呈現方式介紹！

有些人在還沒認識Meta Title之前，只知道是SEO的一種程式碼標籤，因此可能會直接搜尋像是「Tag Title SEO」的關鍵字，希望找到它的專有名詞，以下就讓我們一起正式地理解何謂Meta Title：

Meta Title屬於HTML Meta描述標籤的一種，而Meta Title中文翻譯有很多 ，像是搜尋引擎標題、網頁標題、網站標題或是HTML網頁標題，其呈現方式就是我們日常搜尋時，在SERP上顯示的網頁標題，如下圖。

📌Meta Title Tag 2大功能

1. 透過Meta Title標籤搜尋引擎可以快速掌握此文章或頁面的主題，並將其推薦顯示於搜尋結果頁面（SERP）上。
2. 讓用戶在SERP閱讀完標題後，如有興趣，就可以直接點擊Meta Title進入該網頁。

📌Meta Title SEO排名關聯性

Meta Title會影響到SEO排名，你可以試想看看，當你今天看到以下2個在SERP上的Meta Title標題，你會選擇哪一個？

1. 香港美食推薦
2. 10大香港美食推薦！想當香港旅遊吃貨看這篇

以閱讀體驗與受眾角度來看，你勢必會選擇第2個Meta Title，因為你可以明確知道自己看完這篇文章可以獲得多少內容，且標題相較於第1個更加吸引人。

由此可見，Meta Title是你頁面或文章的門面之一，好的Meta Title可以吸引潛在受眾點擊，同時幫助搜尋引擎更好地分析標題和關鍵字，進而進行關鍵字排名。

（二）Meta Description是什麼？Meta Description SEO關係解密！

Meta Description也屬於Meta描述標籤的一種，而Meta Description中文稱為搜尋引擎描述、網頁描述或是網頁前言，其呈現方式位於SERP網頁標題的下方，約2行的灰色小字。

📌HTML Meta Description 2大功能

1. 透過Meta Description Google或其他搜尋引擎可以快速了解該網頁有哪些內容。
2. 讓用戶除了可以看到吸睛的標題之外，藉由Meta Description的輔助，可以更清楚知道網頁或文章內容有哪些、是否符合自己想要看的資訊。

📌Meta Description SEO排名關聯性

Meta Description跟排名並沒有直接的關聯！但是它還是非常重要，為什麼呢？

Meta Description除了可以幫助Google快速了解頁面內容之外，當用戶搜尋關鍵字後，只要Meta Description中有該關鍵字就會自動變成紅色，這個機制能夠有效讓用戶閱讀時產生「這篇文章可能跟我想找的答案有關」的心理暗示，進而提高點擊率。

因此Meta Description能夠幫助廠商達成「進站流量」的初步要求，而若是後續使用者在網頁中的體驗也都很好，更有可能提高Google對該頁面的評價、進而影響到排名。

Meta Title/Meta Description怎麼寫？6大撰寫注意事項分享！

了解Meta Title和Meta Description的重要性之後，究竟要怎麼撰寫出優質的標題與前言呢？

想要寫出吸引人點擊的Meta Title/Meta Description，就趕快把以下的方法學起來吧！

（一）Meta Title怎麼寫？Meta Title優化6大方法不藏私

1. 與頁面內容相關性高

在撰寫內容時，「文不對題、題不對文」都是大忌，因此在寫Meta Title時，千萬不要為了吸引受眾而使用過度誇大不實的標題，這可能導致用戶產生被欺騙的感覺，甚至是被搜尋引擎認定為無意義、無價值的Meta Title，進而影響了SEO排名。

Meta Title是代表該頁面或文章的標題，無論對於用戶還是搜尋引擎，都應在實際內容範圍內，產出與頁面內容相關性高且吸睛的Meta Title。

2. 撰寫出獨一無二的網頁標題

之所以會建議大家撰寫獨一無二的Meta Title，一方面是為了避免被搜尋引擎誤以為你的網站有重複內容，另一方面用戶也可能對重複性的網頁標題感到無趣。

因此建議大家設定Meta Title時不要偷懶，都應撰寫出頁面或文章專屬的頁面標題。

3. 切勿過度堆疊或大量塞入無意義的關鍵字

過度堆疊或大量塞入無意義的關鍵字都是黑帽SEO常見的手法之一，因此Google搜尋引擎不樂見這種操作，甚至可能會懲罰你的網站，像是關鍵字排名下降，甚至從索引資料庫中移除。

Welly SEO建議不要輕易嘗試黑帽SEO，以免SEO排名不升反降！

4. 置入核心關鍵字並將其盡可能地往前放

Meta Title加入關鍵字分析是一加一大於二的SEO策略，建議可以在撰寫Meta Title的時候，把關鍵字盡量放置在標題前半段，一方面可以幫助搜尋引擎更快抓到核心關鍵字，另一方面用戶也可以快速掌握頁面主題。

貼心提醒：在放置關鍵字時，不要將關鍵字任意拆解或修改，例如「香港旅遊」和「香港深度旅遊」，就是截然不同的關鍵字，用戶的搜尋意圖也可能不盡相同。

✨想要了解正確的「關鍵字」知識，歡迎你閱讀此篇文章：關鍵字排名全攻略：SEO關鍵字教學、關鍵字工具推薦

5. 善用統整數字或年份

撰寫Meta Title時，可以多多利用統整數字或年份吸引受眾，讓受眾可以清楚知道閱讀完此頁面可以獲取多少資訊、多少方法，或是清楚了解到這是今年最新的內容，範例如下：

• 數字統整：3大方法、5個步驟等
• 年份：2023最新趨勢等

6. 建議Meta Title字數在25至30之間

Meta Title字數會有限制的原因是SERP上的呈現有限，如果Meta Title字數過多將有可能直接被Google截斷，並以「...」替代（如下圖），因此再長的標題也是無益，營銷人員應在有限的版位上盡可能寫出吸引受眾的Meta Title。

📌Meta Title範例

以下以目前香港Welly關鍵字排名成績優異的SEO公司文章為例：

香港SEO公司怎麼挑？2023 11間SEO HK公司推薦名單這邊看！

（二）Meta Description怎麼寫？好的網頁描述可以增加用戶點擊的機率！

1. 置入關鍵字

Meta Description可以撰寫的字數較Meta Title多，因此可以把與內容相關性高的關鍵字放進網頁前言，幫助搜尋引擎和受眾快速了解頁面內容有哪些。

2. 切勿過度堆疊或塞入無意義的關鍵字

與上述Meta Title相同，濫用關鍵字是SEO的大忌，切勿輕易嘗試。

3. 分析用戶搜尋意圖

也正是因為Meta Description可以撰寫的字數較多，相對地展現的內容可以更完整，因此設定Meta Description之前，你可以利用無痕搜尋引擎搜索核心關鍵字研究用戶的搜尋意圖，了解用戶到底有興趣的內容有哪些，進而撰寫出獨樹一幟的Meta Description吸引用戶。

4. 撰寫獨一無二的Meta Description

此概念與Meta Title相同，建議你為自己的頁面撰寫獨一無二的Meta Description，以避免被Google演算法判定為重複性內容。

5. 加入行動號召Call to Action文字

如果你的Meta Title網頁標題成功勾起受眾的興趣，進而促使他們願意閱讀下方的Meta Description，這時候再搭配一句附有動詞的行動號召文字，便可以有效提高受眾點擊的意願。

6. 建議Meta Description字數在80至100之間

因SERP呈現版位有限，所以Meta Description與Meta Title一樣有字數上的限制，如果撰寫過長，同樣會被Google截斷，因此建議SEO Description字數可以控制在80至100字之間，多寫無益。

特別補充：如果你的網頁沒有特別設定Meta Description，搜尋引擎也會自動抓取網頁部分內容作為Meta Description，並呈現在SERP上。

因此如果尚未完全掌握Meta Description撰寫技巧，交給Google搜尋引擎自動生成也是一種方法噢！

📌Meta Description範例

以下以Welly官網SEM介紹文章為例：

SEM是什麼意思？SEM SEO分別有什麼不同？SEM HK公司有哪些？本文將帶你了解SEM Ads設計4大策略、SEM意思，並分享SEM工具，和推薦香港7間SEM公司。

Meta Tag是什麼？6種常見的Meta Tag介紹！

看完上述Meta Title和Meta Description詳細介紹後，或許你會好奇何謂「Meta」。

以下將帶你理解Meta Tag的奧秘！

（一）Meta Tag是什麼？Meta Tag定義揭曉！

Meta Tag中文稱為元標籤或是描述標籤，主要放置於HTML語法的< head > < /head >之間，如果你是沒接觸過工程技術內容的人，你可以這樣理解：

Meta Tags為幫助搜尋引擎更好理解網站的程式代碼，對於SEO有正向的影響。

以下附上Google官方的針對Meta標籤的解釋：

✨Google Meta Tag官方資料

（二）SEO Meta Tag有哪些？6種常見的HTML Meta Tags分享！

「HTML Meta SEO」兩者常常會一起討論，正是因為Meta Tag與SEO有著密切的關係，以下分享6種常見的SEO Meta Tag：

1️⃣Canonical Tag

Canonical Tag的中文稱為標準網址，主要用於幫助搜尋引擎釐清哪個網址URL才是我們想被收錄的，因為有時候當一個網站出現幾個過於類似的網址時，就可能導致搜尋引擎誤會，以為我們的網站有重複性內容。

2️⃣Alternative Text Tag

Alternative Text Tag就是我們俗稱的alt圖片替代文字，因搜尋引擎沒辦法僅透過圖片檔名完整且正確地辨識圖片內容，所以藉由文字描述的方式設定Alternative Text Tag，將有助於爬蟲更好地理解圖片上代表的含義。

3️⃣Robot Meta Tag

Robot Meta Tag可以限制搜尋引擎進行特定網站內容「建立索引」，與robots.txt限制檢索是不一樣的概念。

常見的程式代碼如下：

• meta name
• content
• index
• noindex
• follow
• nofollow

✨想詳細了解robots.txt和meta robots比較，建議你閱讀此篇文章：robots.txt是什麼？1分鐘學會robots.txt用途、範例與實際應用

4️⃣Header Tags

Header Tags又稱為Heading Tags，也就是我們在撰寫SEO文章時，必須要遵守的「H1 H2 H3」架構，主要可以從H1設定至H6，而使用Header Tags的主要目的有2個：

1. 有助於搜尋引擎更好地理解你的頁面架構編排，並判斷此頁面主要與哪些關鍵字相關。
2. 讓用戶輕鬆辨識內容的重要性、架構和順序，有效提升閱讀體驗。

5️⃣Hreflang

Hreflang Tag可以幫助網站同時具備多種語言，如果你的網站受眾遍布世界各地，那麼使用Hreflang Tag就是一個不錯的選擇。

6️⃣Responsive Design Meta Tags

Responsive Design Meta Tags是RWD響應式設計標記，其屬於一種Viewport Tag，在設定之後可以讓網站自動符合用戶的設備尺寸。

以上就是6種常見的HTML Meta Tag介紹。

（三）Google會自動修改你的Meta Title/Meta Description？！

有時候就算已經遵照上述的技巧撰寫出符合內容的Meta Title和Meta Description，Google還是有可能修改你的網頁標題和前言，例如將部分Meta Title省略，只顯示較為重要的句子；或是將Meta Description直接改成SEO文章內文的一部分。

而Google官方解釋的原因如下：

1. 標題過於冗長
2. 關鍵字塞入氾濫
3. 不足以反映網頁真實內容

簡而言之，Google還是會以「用戶需求」為核心去判斷到底哪些內容更重要、更是用戶想知道的，進而修改你的Meta Title和Meta Description。

雖然遭到Google修改就無法追蹤自己撰寫的Meta Title和Meta Description成效，但如果排名等數據仍表現優異的話，SEO營銷人就不必過於緊張，著急著調整網頁標題與前言。

Meta Keywords是什麼？Meta Keywords已不再是影響SEO排名的因素！

Meta Keyword是近幾年已經鮮少人談及的Meta Tag，可說是已經變成SEO優化的歷史，以下就簡單補充一下Meta Keywords SEO的背景知識：

Meta Keywords中文稱為網頁關鍵字，主要目的是幫助搜尋引擎抓取頁面的關鍵字有哪些。

然而如今Meta Keywords設定已經被Google官方於2009年證實並非為影響SEO排名的因素，因為越來越多人利用HTML Meta Keywords大量塞入相關性低的關鍵字，使得SEO Meta Keyword喪失了它的功用。

Meta Keyword已對於SEO排名毫無效益，大家可以不用再為網頁關鍵字花費心力了！

WordPress SEO Meta Tag－Yoast SEO操作教學

如果你是使用WordPress架站的人，只要下載SEO的外掛程式，就可以輕鬆設定Meta Title和Meta Description，以下教你常見的WP外掛Yoast SEO設定方式：

• STEP1：進到WP後台後，點擊左側功能欄的頁面或文章。
• STEP2：選擇想要修改Meta Title和Meta Description的頁面或文章。
• STEP3：進入編輯頁面後，下滑至底部Yoast SEO設定區塊，便會看到設定Meta Title/Meta Description的欄位。

更詳細的步驟畫面可以參考此影片：

預覽Meta Title/Meta Description在SERP呈現的工具分享－Free Meta Length Checker

雖然我們大概知道Meta Title和Meta Description分別的字數限制，但是有時候你的標題和前言可能夾雜中英文，那麼在字數的控制與計算上就較不容易衡量。

以下將推薦3款SEO工具，可以幫你直接預覽Meta Title和Meta Description在SERP畫面的樣子，幫助你更直觀地掌握網頁標題和前言的字數：

1. Screaming Frog
2. MEETANSHI
3. webapex

Meta Title和Meta Description不僅僅是網頁的標題和描述，更是吸引用戶點擊的門面，如果你可以掌握好Meta Title/Meta Description的優化技巧，將對於你的SEO有所幫助噢！

以上就是Meta Title和Meta Description的介紹，如果您想要了解更多SEO資訊，或者想要獲取免費的SEO網站檢測，都可以透過下方黃色按鈕與Welly團隊聯繫！