那個醜醜的預覽卡片是怎麼來的？
你一定遇過這種情況：在 LINE 群組貼了一個連結，結果預覽卡片長這樣——
- 沒有圖片，只有一個灰色方塊
- 標題被截斷成亂碼
- 描述顯示的是網頁原始碼片段
這不是 LINE 的問題，是你的網頁缺少 OG tags（Open Graph 標籤）。
OG tags 是什麼？
當你在社群平台貼一個 URL 時，平台的爬蟲會去讀那個網頁的 HTML，找這幾個標籤：
<meta property="og:title" content="文章標題">
<meta property="og:description" content="文章描述">
<meta property="og:image" content="https://example.com/preview.jpg">
如果找到了，就用這些資訊產生漂亮的預覽卡片。如果沒找到，平台就會自己猜——通常猜得很糟。
常見的三個問題
1. 沒有 og:image
最常見的問題。很多網站根本沒設定預覽圖片，或是圖片 URL 是相對路徑（/images/cover.jpg），社群平台的爬蟲抓不到。
2. 標題太長或有特殊字元
og:title 建議在 60 字以內。超過的部分會被截斷，中文字元有時還會變成亂碼。
3. 描述是網頁原始碼
如果沒有 og:description，有些平台會抓 <body> 裡的前幾行文字。如果你的網頁第一行是 JavaScript 或 CSS，預覽就會顯示程式碼。
解法：用 Brevu 自訂每個短網址的 OG 預覽
在 Brevu 建立短網址時，你可以自訂這些欄位：
- 預覽標題：你想在卡片上顯示什麼標題
- 預覽描述：一句話說明這個連結的內容
- 預覽圖片：上傳或貼上圖片 URL（建議 1200×630px）
設定完成後，當有人在 LINE、Facebook、Threads 分享你的短網址時，看到的就是你精心設計的預覽卡片，而不是那個醜醜的灰色方塊。
實際對比
假設你要分享一篇部落格文章：
原始 URL 分享效果：
- 標題：
blog post - My Website | Powered by...（被截斷） - 圖片：無
- 描述：
<!DOCTYPE html><html>...
Brevu 短網址分享效果：
- 標題：
5 分鐘學會 AEO 入門 - 圖片：精心設計的 1200×630 封面圖
- 描述：
不需要改程式碼，用短網址就能讓 AI 搜尋引擎找到你的內容
差別一目了然。
社群小編的日常工作流程
如果你是社群小編，Brevu 可以讓你的工作流程變成這樣：
- 拿到要分享的原始 URL
- 在 Brevu 建立短網址，自訂 OG 預覽
- 選一個 UTM 範本（例如「LINE 官方帳號」）
- 複製短網址，貼到社群平台
- 在 Brevu 後台看點擊數據
整個過程不到 30 秒，而且每個平台的分享效果都是一致的。
試試看？ 免費建立你的第一個完美預覽短網址，30 秒搞定。