OG Tag Generator

Generate Open Graph and Twitter tags

標題

建議：60字符以內

描述

頁面 URL

圖片 URL

建議：1200×630px

圖片替代文字

網站名稱

OG 類型

語言

Twitter 卡片

Twitter @用戶名

生成的標籤

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

關於本工具

Open Graph 標籤控制頁面在 Facebook、LinkedIn、WhatsApp 等社交媒體平台上分享時的顯示方式。沒有這些標籤，平台可能會選擇錯誤的圖片或標題。

Twitter Card 標籤在 Twitter/X 上起到相同的作用。summary_large_image 卡片類型顯示突出的圖片，非常適合文章和部落格文章。為了在所有平台上獲得最佳效果，圖片應至少為 1200×630 像素。

使用方法

填寫標題、描述和 URL 欄位。
新增社交預覽圖片的 URL 和替代文字。
選擇 OG 類型、語言和 Twitter 卡片設定。
複製生成的標籤並貼到 HTML 的 <head> 部分。

使用情境

Web 開發者確保新頁面在社交媒體上分享時正確顯示。行銷人員保證內容分享時有吸引力的預覽。部落客為文章設定正確的圖片和描述。SEO 專家最佳化社交元資料以提高互動率。

常見問題

OG 標籤和 Twitter Card 標籤有什麼區別？ — OG 標籤被 Facebook、LinkedIn、WhatsApp 等大多數社交平台使用。Twitter Card 標籤專用於 Twitter/X，但在沒有 Twitter Card 標籤時 Twitter 也會回退到 OG 標籤。
推薦的圖片尺寸是多少？ — 推薦 1200×630px。圖片太小可能會被平台跳過。檔案大小應小於 8MB。
應使用哪個 og:type 值？ — 一般頁面使用 "website"，新聞或部落格文章使用 "article"。其他值包括 video、music、book 和 profile。