OG 與 Meta 預覽

直接輸入頁面資訊,在一個畫面中比較搜尋結果和社群分享卡片的顯示效果。

輸入 Meta 資訊

請根據實際頁面的 title、description、canonical 和 OG 值填寫。

貼上現有 Meta 標籤

不會執行貼上的字串,只讀取允許的 title、description、canonical、Open Graph 和 Twitter Card 欄位。

0 / 120

較長的標題可能會因平台不同而被截斷。

0 / 320

搜尋引擎和社群平台可能會根據上下文選擇其他說明或截斷文字。

僅允許 http 或 https URL,並拒絕包含帳號資訊的 URL。

僅用於產生標籤。本工具不會要求或顯示遠端圖片。

PNG、JPEG、WebP、GIF · 最大 5MB。僅用於畫面預覽,不會加入標籤。

各平台預覽

實際顯示可能因平台、裝置、擷取狀態和實驗而異。

Google

Example Toolsexample.com

X

1200 × 630
example.com

Facebook

1200 × 630
example.com

LinkedIn

1200 × 630
example.com

Meta 標籤草稿

這是根據目前輸入產生的 HTML。請按照網站範本和實際內容檢查後再使用。

檢查項目

    使用方法和注意事項

    1. 輸入頁面標題、說明、canonical URL 和網站名稱。
    2. OG 圖片 URL 僅用於產生標籤,卡片圖片使用所選本機檔案安全預覽。
    3. 比較四個平台的截斷方式和資訊順序,然後複製產生的標籤。
    4. 部署後,請使用各平台的官方檢查工具再次確認實際擷取結果。

    此預覽只是協助理解畫面樣式的近似效果,不保證 Google、X、Facebook、LinkedIn 的實際 UI 或顯示。