搜尋結果預覽
檢視標題、網址和描述的桌面搜尋摘要效果及長度提示。
Meta 標籤與 SERP 預覽產生器
Meta 標籤與 SERP 預覽產生器
產生搜尋摘要、Canonical、Open Graph 與 Twitter Card 標籤。
搜尋結果預覽
https://example.com/page
頁面標題預覽
頁面描述會顯示在這裡。
社群分享預覽
example.com
頁面標題預覽
頁面描述會顯示在這裡。
HTML Meta 標籤
<title></title> <meta name="description" content=""> <link rel="canonical" href=""> <meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta property="og:title" content=""> <meta property="og:description" content=""> <meta property="og:url" content=""> <meta property="og:locale" content="zh_TW"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content=""> <meta name="twitter:description" content="">
- 請填寫頁面標題。
- 請填寫頁面描述。
- 請填寫完整有效的 Canonical HTTP/HTTPS 網址。
- 尚未填寫社群分享圖片，分享時可能無法顯示大圖。
搜尋摘要與社交分享
什麼是 Meta 標籤產生器？
Meta 標籤描述頁面標題、摘要、規範網址、索引指令和社交分享資訊。搜尋引擎與社交平臺會讀取這些訊號生成搜尋摘要或分享卡片。
預覽只能模擬常見展示方式，搜尋引擎可能根據查詢改寫標題和描述。最終標籤應準確反映頁面可見內容，並在伺服器返回的 HTML 中提供。
生成內容
Open Graph
生成 Facebook、LinkedIn 等平臺使用的標題、描述、圖片和網址。
Twitter Card
生成 summary 或 summary_large_image 卡片標籤。
為什麼要同時產生搜尋與社群標籤？
缺少或互相沖突的標籤會造成摘要不穩定、分享無圖、錯誤 Canonical 和索引意圖不清。
控制頁面主題表達
把核心搜尋意圖放在標題和描述前部，同時避免明顯截斷。
保持渠道一致
統一搜索、Open Graph 與 Twitter 的網址、標題、描述和圖片。
提前發現缺項
對無效 URL、缺失圖片、noindex 和長度問題即時提示。
Meta 標籤產生器如何運作？
輸入只在瀏覽器本地處理，預覽與程式碼即時更新，不請求或修改網站。
- 01
填寫頁面資訊
輸入標題、描述、Canonical、站點名稱和語言。
- 02
設定索引與分享
選擇 robots 指令、社交圖片和 Twitter 卡片型別。
- 03
檢查即時預覽
核對搜尋摘要、字元數、網址與社交卡片視覺層級。
- 04
複製 HTML
把生成標籤放入頁面 head，並用檢測工具驗證線上輸出。
Meta 標籤產生常見問題
Title 和 H1 必須完全相同嗎？
不必逐字相同，但應表達同一主題。Title 面向搜尋摘要，H1 面向頁面內容結構，兩者不應互相矛盾。
搜尋引擎為什麼會改寫描述？
當現有描述與查詢不匹配或質量不足時，搜尋引擎可能從頁面正文選擇更相關的片段。
Canonical 應填寫什麼？
填寫最終、穩定、可索引的絕對 HTTPS URL。不要把所有頁面都指向首頁，也不要指向重定向或 noindex 頁面。
社交分享圖片建議多大？
常用建議為 1200×630 畫素，使用可公開訪問的絕對 HTTPS 地址，並確保主體在不同裁切下仍可辨識。
生成器會上傳圖片嗎？
不會。工具只引用你填寫的圖片 URL，不上傳檔案，也不儲存輸入。
相關 SEO 工具
生成後檢查線上 Meta、Canonical、結構化資料與索引狀態。