100 100.tools
JSON 格式化與驗證 文字/程式碼差異比對工具 正規表示式線上測試器 CSS 漸層色生成與取色器 Cron 表達式生成器 UUID / GUID 批次產生器

SEO 與網頁 Meta 標籤預覽

透過網址或手動填寫的中繼資料，預覽 Google 搜尋結果、X/Twitter 卡片和 Facebook Open Graph 卡片。

手動填寫內容只保留在瀏覽器中；從網址讀取會把該網址和您的 IP 位址傳送給 Microlink。

讀取網頁中繼資料

輸入公開網頁網址，也可以略過此步驟並手動編輯所有欄位。

中繼資料來源：Microlink

請勿貼上私密連結、登入憑證或帶有敏感權杖的查詢網址。

中繼資料編輯器

修改任何欄位都會立即更新目前平台預覽和產生的 HTML。

平台預覽

預覽僅供參考；不同平台可能採用不同的裁切、截斷和快取方式。

E
example.comexample.com

頁面標題會顯示在這裡

新增描述以預覽搜尋或社群摘要。

產生的 Meta 標籤

將這些標籤複製到頁面 <head> 中，並在發布後再次驗證。

準備就緒，請填寫中繼資料或讀取公開網址。

SEO 與網頁 Meta 標籤預覽

發布前建立並檢查搜尋和社群分享中繼資料。可以透過 Microlink 讀取公開網址，也可以完全手動填寫。

隱私說明

手動填寫內容只保留在目前瀏覽器中。只有點選「從網址讀取」才會把網址和您的 IP 位址傳送給 Microlink，請勿提交私密或包含憑證的連結。

主要功能

  • Google 搜尋結果預覽
  • X/Twitter 與 Facebook 卡片預覽
  • Open Graph 和 Twitter Meta 標籤產生
  • 手動編輯與可選網址讀取

使用方法

  1. 讀取或填寫中繼資料

    輸入公開網址，或者手動填寫標題、描述、網站名、標準網址和首圖。

  2. 檢查文字長度

    字元計數只作為參考，應優先確保表達清楚，而不是機械填滿固定長度。

  3. 切換預覽平台

    比較 Google、X/Twitter 和 Facebook 的近似顯示效果。

  4. 複製標籤

    把產生的 HTML 放入頁面 head，並在部署後使用各平台檢查工具驗證。

常見問題

這些預覽和真實平台完全一致嗎？

不完全一致。平台會調整版面、依像素寬度截斷文字、裁切圖片並使用自己的快取。本工具提供實用的近似預覽。

從網址讀取時會發生什麼？

公開網址會由瀏覽器傳送給 Microlink，後者回傳標準化中繼資料，同時也會看到您的 IP 位址，並可能受到額度或目標網站限制。

為什麼發布後仍顯示舊標題或舊圖片？

Google 和社群平台會快取中繼資料。確認線上標籤正確後，需要使用其檢查或分享偵錯工具要求重新整理。

應該使用多大的首圖？

公開可存取的 1200 × 630 圖片是大圖 Open Graph 和 Twitter 卡片的常用起點，重要內容應遠離邊緣。

相關工具

FAVICON Favicon 產生器 本機產生 favicon、套用圖示和社群媒体圖片尺寸。 CSS CSS 漸層色生成與取色器 帶可拖動顏色節點的 CSS 漸層生成器。 JSON JSON 格式化與驗證 本機格式化、驗證和折疊 JSON。 TEXT-DIFF 文字/程式碼差異比對工具 本機比對原文與修改稿，支援並排檢視和 unified diff。 REGEX 正規表示式線上測試器 即時高亮和捕獲組的正則測試器。 CRON Cron 表達式生成器 本機生成並解釋 cron 表達式。 UUID UUID / GUID 批次產生器 批次產生並匯出 UUID v1、v4 和 v7。