SERP 搜尋結果預覽

📖 工具介紹

搜尋結果裡的標題與描述不是原樣展示的，搜尋引擎會按字元數與畫素寬度雙重限制截斷，超出部分以省略號代替。本工具按所選引擎的真實樣式模擬展示效果：Google 桌面標題約 20 畫素單行、描述約 14 畫素兩行，百度標題字號略小，移動端行數與字號另有差異。輸入標題、描述與頁面地址後即時渲染，可直觀看到會不會被截斷、截斷在第幾個字。同時給出字元數與按 Arial 字型估算的畫素寬度，便於在釋出前調整到安全範圍。全部處理在本地完成。常見使用場景包括：釋出前確認標題不被截斷、對比不同引擎下的展示差異、為移動端單獨最佳化描述長度、以及給同事演示為什麼描述寫得過長會影響點選。預覽結果基於公開的尺寸與字型引數模擬，與線上真實展示可能存在細微差異，尤其是不同語言、不同瀏覽器下的字寬並不一致，因此建議以預覽結果作為參考區間而非精確值。若標題中包含品牌詞，可考慮放在末尾以節省前部的關鍵展示空間；描述中適當加入行動號召與具體數字，往往比堆砌關鍵詞更能提升點選率。對於電商與資訊類站點，標題中適當加入品牌詞字尾有助於建立認知，但會佔用有限的展示寬度，需要權衡。描述中避免出現與頁面無關的促銷詞，這類文案容易被判定為引導性內容而降低展示權重。

✨ 功能特點

• 三種引擎：Google、百度、Bing 各自字號與行數，貼近真實展示
• 桌面移動切換：移動端字號更小、行數更多，可分別檢查
• 實時渲染：輸入即時重新整理，不必點選按鈕即可看到截斷位置
• 畫素寬度估算：按 Arial 字型測量畫素寬度，比單純數字數更貼近引擎判斷
• 域名自動解析：麵包屑行由填寫的頁面地址自動提取域名與路徑

🚀 使用方法

1. 填寫標題與描述；
2. 選擇搜尋引擎與裝置；
3. 觀察右側截斷效果；
4. 按提示調整長度後重新確認。