SERP 與 OGP 預覽工具
即時模擬您的網站在 Google 搜尋與社群媒體 (X / Facebook) 上的顯示外觀。
內建最佳字數檢查與自動產生 Meta 標籤功能。
✏️ 輸入中繼資料
👀 預覽
產生的 Meta 標籤
關於 SERP 與 OGP 預覽工具
這是一個免費的 SEO 與行銷工具，能讓您模擬頁面在搜尋引擎結果頁面 (SERP) 以及社群媒體的開放圖譜協定 (OGP) 卡片上的外觀。您可以即時預覽 Google 搜尋的標題與描述，以及 X (前 Twitter) 與 Facebook 上的 OGP 卡片。
透過檢查文字長度是否最佳化，並確保 OGP 圖片被正確裁切，您可以最大化來自搜尋引擎與社群網路的點閱率 (CTR)。
您輸入的所有資料都完全在本地瀏覽器中處理。沒有任何資料會傳送到我們的伺服器，讓您可以安全地測試尚未發布的高機密標題或敏感資訊。
使用方法
輸入中繼資料
在左側表單中輸入目標頁面的 URL、標題、Meta 描述與 OGP 圖片 URL。右側的預覽會隨著您的輸入即時更新。
檢查預覽
切換預覽區上方的分頁，以查看在 Google (行動版/電腦版)、X (大型/小型) 與 Facebook 上的外觀。確保您的文字沒有被「...」截斷。
複製 HTML 標籤
最佳化完成後，檢查底部的 HTML Meta 標籤。點擊「複製程式碼」抓取片段，並將其直接貼上到您網站的 <head> 區塊中。
名詞解釋
- SERP (Search Engine Results Page)
- 搜尋引擎回應使用者查詢時所顯示的頁面。
- OGP (Open Graph Protocol)
- 最初由 Facebook 建立的協定，允許任何網頁成為社交圖譜中的豐富物件，從而在社群媒體上呈現正確的預覽。
- CTR (Click Through Rate)
- 點擊特定連結的使用者數量與檢視頁面、電子郵件或廣告的總使用者數量的比例。
- 摘要 (Snippet)
- 顯示在搜尋引擎結果頁面標題下方的簡短描述，通常來自 Meta 描述標籤。
- og:image
- 定義分享頁面時要顯示的圖片的 Meta 標籤。建議尺寸為 1200x630 像素。
- Twitter 卡片 (Twitter Card)
- Twitter 專屬的 Meta 標籤系統。常見類型包括 summary_large_image (大型橫幅) 與 summary (小型正方形)。
- og:title / og:description
- 專為社群媒體分享定義標題與描述的 Meta 標籤。
- Meta 描述 (Meta Description)
- 提供網頁簡短摘要的 HTML 屬性 (通常約 120-160 個英文字元，中日文約 80 字)。
常見問題
- Q.OGP 圖片的建議尺寸是多少？
- 針對 X (Twitter) 與 Facebook，建議尺寸皆為 1200x630 像素 (長寬比 1.91:1)。
- Q.輸入的資訊會儲存在伺服器上嗎？
- 不會。所有資料 (如 URL 與標題) 都完全在您的瀏覽器本地處理。沒有任何資料會傳送或儲存到外部伺服器，因此非常安全，適合用來測試尚未發布的資訊。
- Q.如果沒有設定 OGP 標籤會怎樣？
- 社群媒體平台會自動從您的頁面中擷取文字與圖片，這可能導致出現非預期的圖片或標題被截斷，進而大幅降低點閱率。
- Q.標題與描述的最佳字數是多少？
- 對於 Google 搜尋，建議標題保持在 30 個中文字 (60 個英文字元) 以內，描述保持在 80 個中文字 (160 個英文字元) 以內 (行動版約 50 個中文字)，並確保將重要關鍵字放在前面。
- Q.可以檢查在 WhatsApp 或 Slack 等其他平台上的顯示外觀嗎？
- 可以。由於 WhatsApp、Slack 與 LinkedIn 等大多數平台都遵循標準的開放圖譜協定 (OGP)，因此 Facebook 的預覽與產生的標籤也同樣適用於它們。
使用場景
發布前檢查
在發布文章前，驗證其標題、描述與 OGP 圖片，以確保獲得最多的搜尋引擎與社群媒體流量。
改善 CTR
針對排名高但點閱率低的現有頁面，模擬更具吸引力的標題、描述與圖片。
社群媒體行銷
驗證促銷登陸頁面或廣告活動的 OGP 設定，保證分享時的最佳顯示品質。
行動優先檢查
視覺化確認摘要在行動裝置上是否被截短，或者 OGP 卡片版面在小螢幕上是否會跑版。
發送反饋/請求
發送反饋
請告訴我們您的想法，以幫助我們改進工具。
這不是工具的輸入欄位
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.