Open Graph 與 meta 標籤預覽 使用方法
- 1
貼上連結
輸入公開網頁的網址，按一下「預覽連結」，即可讀取該頁的標題、描述、Open Graph 與 X 卡片標籤。
- 2
查看卡片
比較 Google 搜尋結果，以及 Facebook、X、LinkedIn、Slack、Discord 和 iMessage 風格的卡片，並查看缺少或不夠完善的標籤清單。
- 3
編輯標籤
按一下「編輯這些標籤」，或開啟「撰寫標籤」，修改標題、描述和圖片，所有預覽會隨著你輸入即時更新。
- 4
複製到你的網頁
將產生的 meta 標籤複製到網頁的 head 中，發布後再檢查一次實際網址。
限制與 Pro
免費：每分鐘 20 次網址預覽，網頁 HTML 最大 3 MB、逾時 12 秒，每個連結 7 種平台預覽，標籤編輯不限次數。
關於 Open Graph 與 meta 標籤預覽
Meta 標籤預覽工具能讓你在分享連結之前，先看到連結的呈現效果。它會讀取產生連結預覽所需的標籤：HTML 標題與 meta 描述、og:title、og:description、og:image、og:site_name 等 Open Graph 標籤、twitter:card 等 X 卡片標籤，以及 Discord 用於嵌入內容色條的主題色。接著繪製七種預覽：Google 搜尋結果、Facebook 與 LinkedIn 的連結貼文、大圖或摘要格式的 X 卡片、Slack 展開預覽、Discord 嵌入內容，以及 iMessage 風格的對話泡泡。
當某個欄位缺少時，預覽會比照多數平台的做法使用替代內容，例如 og:title 缺少時改用網頁標題，並在警告中註明來源。圖片也會一併檢查：從檔案標頭讀取像素尺寸與類型，讓你知道它是否低於 Facebook 的 200 × 200 最小限制、超過 X 的 5 MB 上限、使用了不支援的 SVG，或比例不符合 2:1 的大型卡片。
「撰寫標籤」分頁不需要抓取任何網頁，並會輸出一組可直接使用的 meta 標籤。預覽僅供參考：平台可能更動設計、將卡片快取數天，有些還會對已登入的使用者顯示不同文字。若要更新已分享過的卡片，請在發布後使用該平台自己的偵錯工具。
隱私
使用「檢查網址」時，網址會傳送到我們的伺服器，由伺服器下載該網頁一次，並讀取 og:image 的前幾個位元組，以取得標籤與圖片尺寸；不會儲存或記錄任何內容。預覽圖片會由你的瀏覽器直接從代管該圖片的網站載入。「撰寫標籤」只在你的瀏覽器中執行。
功能
七種預覽
Google、Facebook、X、LinkedIn、Slack、Discord 和 iMessage 風格的卡片並排顯示。
og:image 檢查
直接從圖片本身讀取像素尺寸、檔案類型與大小，並對照各平台的最低要求。
標籤產生器
輸入標題、描述和圖片，即可複製完整的 Open Graph 與 X 卡片標籤。