Web 與開發

HTML 中繼標籤預覽

HTML 解析 · 搜尋結果預覽 · OG 與 Twitter 卡片檢查

輸入內容僅在此裝置上使用。

HTML 輸入

頁面 URL 僅用於顯示預覽。

預覽

HTML 在此裝置上分析。

貼上 HTML,在此預覽搜尋與社群分享標籤。

使用方法

  1. 貼上完整的 HTML 文件或 head 部分。
  2. 可選:輸入頁面 URL,以解析相對圖片位址和 canonical 位址。
  3. 產生預覽,並檢查擷取的值和檢查結果。

開始前須知

  • 可以貼上完整文件,也可以只貼上 head 部分。
  • 預覽無法完全還原各平台的裁切、截斷或圖片快取效果。
  • 遠端預覽圖片僅顯示為 URL,不會實際取得。

常見問題

可以只輸入網站 URL 嗎?

此工具分析貼上的 HTML。如需透過網址取得公開頁面,請使用 URL 中繼標籤檢查工具。

為什麼實際分享卡片不一樣?

各平台有自己的圖片比例、文字限制和快取。發布後,請檢查原始標籤並使用平台的分享偵錯工具。