Meta title / description 長度預覽
內容只在瀏覽器本機處理。請勿貼上敏感 token 或私密資料。
使用說明
把第一行當作標題、其餘各行以空格合併成說明文字,並在瀏覽器計算 Unicode 字元數。
發布網頁文章時,想知道在 Google 搜尋結果頁面、Facebook 或 LINE 分享時看起來長怎樣嗎?這款 SERP 即時預覽工具能模擬 Google 搜尋標題、說明文字長度,並預覽社群 Open Graph 分享卡片,避免標題被「...」截斷!
💡 3 步驟快速上手
輸入您網頁的 SEO 標題(系統會實時監控像素寬度與字數)。
輸入 Meta Description 說明摘要(建議維持在 120~150 字元)。
一秒呈現電腦版與手機版 Google 搜尋結果樣式,一眼看出是否超長被截斷!
適用情境
標題超過 60 字元或說明文字超過 160 字元時標示偏長;結果是字元提示,不是像素寬度或搜尋排名預測。
計算或處理方式
工具以 Unicode 碼點計數;恰好 60/160 字元仍顯示 OK,只有大於門檻才標示偏長。它不抓取網頁、不讀取現有 meta 標籤,也不模擬實際搜尋結果像素截斷。
具體範例
範例:第一行貼上頁面標題,第二行起貼上描述;結果會分別顯示 /60 與 /160 的字元數和狀態。
限制與資料處理
不能。60/160 不是像素寬度、排名或實際顯示保證;搜尋引擎可能依裝置、查詢與頁面內容改寫或截斷標題和描述。
標題、說明文字與字元數只在目前瀏覽器中處理,不會傳送到 GoGo Tools 後端或由網站保存;分析事件不包含草稿或結果。
Google SERP 像素寬度限制、Open Graph 與社群標籤優化指南
一、Google 搜尋結果頁(SERP)標題與描述的像素計算機制
許多人在撰寫 SEO 標題時只看「字元數」,但 Google 搜尋結果頁(SERP)實際上是以「像素寬度(Pixel Width)」作為截斷標準。在桌面版搜尋結果中,標題最大顯示寬度約為 600 像素(約相當於 28~32 個中文字或 55~60 個英文字元),超出部分會被自動強制截斷並顯示為省略號「...」。
中文字元為全形等寬,而英文字母為比例字體(例如「W」與「M」的像素寬度是「I」與「l」的數倍)。本工具提供真實渲染畫布的像素級寬度模擬,精準預測標題與 Description 在桌面版及手機版上的真實展示效果。
二、Open Graph (OG) 與 Twitter Cards 社交分享協議
當網頁被分享至 Facebook、LINE、X (Twitter)、LinkedIn 或 Discord 時,平台會抓取頁面中的 Open Graph 標籤來生成精美的預覽卡片:
1. `og:title` 與 `og:description`:社群卡片的標題與摘要。
2. `og:image`:標準推薦解析度為 1200 × 630 像素(1.91:1 黃金比例),檔案大小控制在 5MB 內。
3. `twitter:card`:指定卡片形式(推薦使用 `summary_large_image` 以獲得最大視覺曝光面積)。
三、點擊率(CTR)倍增的文案撰寫心理學
提升自然搜尋點擊率的三大文案心法:在標題前段置入主要關鍵字、適度加入行動號召動詞(如「立即試算」、「完整指南」)、並善用括號 `【 】` 或 `[ ]` 凸顯獨特賣點,在搜尋結果中迅速抓住使用者眼球。
Feedback
這個工具好用嗎?
歡迎告訴我們你的工具建議或錯誤回報。
常見問題
Meta title / description 長度預覽:文字要如何輸入?
第一行會作為標題,第二行起的所有內容會用單一空格連接成說明文字。工具不會從網址抓取或修改既有 meta 標籤。
Meta title / description 長度預覽:長度如何計算?
標題與說明文字都以 Unicode 碼點計數;標題大於 60 或說明文字大於 160 才標示偏長,等於門檻仍為 OK。
Meta title / description 長度預覽:門檻能保證搜尋結果不被截斷嗎?
不能。60/160 不是像素寬度、排名或實際顯示保證;搜尋引擎可能依裝置、查詢與頁面內容改寫或截斷標題和描述。
Meta title / description 長度預覽:草稿會上傳或保存嗎?
標題、說明文字與字元數只在目前瀏覽器中處理,不會傳送到 GoGo Tools 後端或由網站保存;分析事件不包含草稿或結果。