SERP 摘要預覽
看看標題、網址與描述在 Google 桌面版與流動版的樣子，字數與像素雙計數器會標出實際被截斷的位置。
輸入搜尋結果資料
搜尋結果預覽
桌面搜尋結果
可完整顯示example.com
頁面標題會顯示在此處
Meta 描述會顯示在此處
手機搜尋結果
可完整顯示example.com
頁面標題會顯示在此處
Meta 描述會顯示在此處
搜尋引擎可能改寫標題和描述。此預覽只供估算，不能保證實際搜尋結果的顯示方式。
一則 SERP 摘要由什麼組成
Google 的一條結果由四部分組成：favicon 與網站名稱、藍色標題、麵包屑網址列，以及灰色描述。標題通常來自 title 標籤，麵包屑來自網址與結構化資料，描述則來自 meta description，前提是 Google 判斷不需要改寫它。
Google 是用像素而不是字數來量這些文字，所以由窄字母組成的 60 字標題可能塞得下，而塞滿寬大寫字母的 55 字標題反而先被截掉。預覽上方的計數器兩個數字都給，讓你知道是哪一項要爆掉。
怎麼預覽搜尋摘要
- 輸入或貼上頁面標題，看著藍色那一行：桌面版只有一行，流動版最多兩行。
- 補上頁面網址。協定會被去掉，每一段路徑變成一層麵包屑，跟 Google 的呈現方式一致。
- 貼上 meta 描述，檢查灰色那幾行：桌面版兩行、流動版三行。一超過預算，計數器就會變成警示色。
- 把標題或描述複製回頁面，或丟進 meta 標籤產生器，直接產出整段 head 標籤。
摘要預覽範例
塞得下的標題
52 字的標題，例如「SERP 摘要預覽 — 先檢查標題會不會被截斷」
桌面版一行、流動版兩行，兩邊都顯示「完整顯示」
被截掉的標題
95 字的標題，後面還硬塞了一串關鍵字
桌面版在第一行結尾加上省略號，角標變成「已截斷」
帶省略號的描述
超過 160 字的 meta 描述
桌面版在第二行結尾截斷並加省略號，流動版還能多塞一行才切
UrsaKit 與 metatags.io、SISTRIX、Seobility 的差異
| 比較項目 | UrsaKit | metatags.io | SISTRIX | Seobility |
|---|---|---|---|---|
| 價格 | 免費、免註冊 | 免費 | 付費工具內附的免費功能 | 免費 |
| 桌面與行動預覽 | 兩者並列 | Google 卡加社群卡 | 只有一種預覽 | 只給長度判定 |
| 像素量測 | 有，用 canvas 實測 | 只給字數 | 有 | 沒有 |
| 顯示截斷位置 | 有，直接畫出省略號 | 沒有 | 沒有 | 沒有 |
| 麵包屑網址 | 路徑切成分段 | 原始網址 | 原始網址 | 原始網址 |
| 語系 | 英文、繁中、西班牙文 | 英文 | 英文 | 英文 |
常見問題
常見問題
這個 SERP 摘要預覽要付費嗎？
不用。它完全在瀏覽器裡執行，不需要帳號，也沒有檢查次數上限。
一定要填頁面網址嗎？
不用。標題與描述預覽可以單獨使用，網址欄位只是拿來補上標題上方那行麵包屑。
Google 是依字數還是像素截斷？
依像素。Google 用固定的字級渲染標題與描述，超出就切掉，所以窄字母的標題可能超過 60 字還留著，而寬大寫字母較多的標題會更早被截。這也是這個工具同時給兩個計數器的原因。
標題與描述建議多長？
標題抓 50 到 60 字（大約 580 到 600 px），描述抓 120 到 155 字。計數器會在標題低於 30 字或超過 60 字、描述低於 110 字或超過 160 字時變色提醒。
為什麼 Google 有時候顯示不一樣的文字？
Google 會為了配合查詢改寫標題與描述，也可能覺得頁面內文更貼切就直接抓來用。這裡預覽的是你自己寫的文字，請當作最好的情況，而不是保證。
流動版預覽準嗎？
它用瀏覽器的字體引擎重現流動版結果的寬度與行數。實際像素預算會隨裝置寬度變動，所以請拿來抓明顯超出的情況，不要當成截圖。