Open Graph 分享標籤生成器

關於社交分享標籤生成器

連結被轉發到社交平臺或聊天軟體時，顯示的標題、簡介和配圖，很大程度上由網頁裡的 Open Graph 標籤決定。沒有這些標籤，平臺只能自己猜，常常抓到一個無關的小圖示，或者乾脆沒有圖。在這裡填寫 og:title、描述、圖片（含寬、高和替代文字）、網址、頁面型別（文章、商品、影片等 6 種）、站點名稱和語言區域，標籤就生成好了。搜尋結果裡的標題和描述是另一組標籤，可以用 Meta 標籤生成器來寫。

發到 X（Twitter）時，可以選小圖的 summary 卡片或大圖的 summary_large_image，再填上 twitter:site 和 twitter:creator 帳號。Facebook、X 和微信的卡片預覽隨輸入實時更新，圖片直接按你填的網址載入，地址寫錯馬上能看出來。注意，微信的分享卡片以微信自己的規則為準，不一定讀取 og 標籤。複製 HTML 放進網頁 head，上線後用 社交分享預覽檢測檢查線上頁面。標籤在瀏覽器裡生成，內容不會上傳。想知道哪次分享帶來了訪客，可以用 UTM 連結生成器給連結加上引數。

社交分享標籤生成器怎麼用

1. 1
   填寫基本資訊

   輸入標題、描述、網址、站點名稱、型別和 locale。

2. 2
   加上分享圖

   填圖片的完整網址和寬、高、替代文字，預覽會按這個網址載入圖片。

3. 3
   選 X 卡片樣式

   選 summary 或 summary_large_image，再填 @site 和 @creator 帳號。

4. 4
   複製標籤

   把 HTML 貼上進網頁 head，上線後用社交分享預覽檢測核對。

為什麼用熊仔工匠

• 三種卡片預覽

  Facebook、X 和微信的分享卡片隨輸入實時變化。

• og 和 Twitter Card 一起生成

  og 標籤加上 twitter:card、twitter:site、twitter:creator，一段程式碼全部包含。

• 6 種頁面型別

  website、article、product、video、profile、book。

• 內容不上傳

  標籤在瀏覽器裡生成，只有預覽圖會按你填的網址載入。