先講答案
網址貼到 LINE 或 Facebook 沒有預覽圖,多半是兩種原因之一:網頁裡沒寫分享時要用哪張圖(叫 og:image 的設定),或是寫了,LINE、Facebook 卻還記著之前抓到的舊版本。第一種要在網頁裡補上設定;第二種把圖片換個檔名,或在網址後面加上 ?v=2 再貼一次,平台就會重新抓。
預覽卡是怎麼來的
你把網址貼進 LINE 的那一刻,LINE 的伺服器會先替你打開那個網頁,讀網頁最上面幾行寫給平台看的設定,再拼成一張有圖、有標題的小卡。這組設定叫 Open Graph(簡稱 OG),每一行都用 og: 開頭,例如 og:title 是標題、og:image 是圖片的網址。
LINE 官方的開發者問答寫得很清楚:網址預覽只用 og:title、og:description、og:image 這三個;沒寫 og:title 時,改用網頁本身的標題。所以圖片那一行沒寫或寫錯,預覽卡就只剩字。
自己查,3 個步驟
看網頁裡有沒有寫 og:image
用電腦打開你的網站,按鍵盤 Ctrl+U(Mac 是 Option+Command+U)叫出網頁原始碼,再按 Ctrl+F(Mac 是 Command+F)搜尋下面這幾個字。搜不到,就是沒寫。
og:image把圖片網址單獨打開
搜得到的話,把 content="…" 引號裡那串網址複製到新分頁打開。圖打不開(顯示 404、找不到網頁),LINE 和 Facebook 也一樣抓不到。網址最好是 https:// 開頭的完整網址,只寫 /images/cover.jpg 這種半截的,平台不一定讀得懂。
用 Facebook 的分享偵錯工具確認
Facebook 有個官方工具叫分享偵錯工具(要登入 Facebook)。貼上網址,它會列出 Facebook 實際讀到的標題、圖片和錯誤訊息,比自己看原始碼準。
圖都對了還是沒有?
平台記著舊的
LINE 和 Facebook 抓過一次預覽之後會先存起來,這叫快取。下次有人貼同一個網址,直接拿存著的那份,不會每次重抓。所以你剛補上圖片、或換了新圖,貼出去看到的可能還是舊樣子。Facebook 官方文件寫明:圖片是照「圖片網址」存的,網址不變就不會更新。
- Facebook:到上面的分享偵錯工具貼網址,按重新抓取的按鈕(英文介面叫 Scrape Again)。
- LINE:LINE 以前有官方的清除快取工具 PagePoker,開發者問答裡也有列,但我們 2026 年 9 月 25 日實測,那個網址已經連不上。現在最可靠的做法是換網址:新圖換一個檔名(例如 og-2.png),或在圖片網址後面加上 ?v=2,網頁裡的 og:image 跟著改。想馬上看效果,分享的網址後面也可以加 ?v=2,對 LINE 來說那是一個沒抓過的新網址。
在網址後面加 ?v=2 有個副作用:Google 可能把它當成另一頁。網頁裡有 canonical 設定(告訴 Google「這頁的正本網址是哪個」)就不用擔心,沒有的話請做網站的人補上。
預覽圖做多大
Meta 官方建議分享用的圖片寬度至少 1080 像素,高解析度的手機上才清楚。很多網站做成 1200×630 的橫圖,我們也是。各平台、各種版面裁掉的邊不太一樣,店名和重點字放在中間比較保險。
拿我們自己的網站當例子
lazymakers.com 的分享設定
健檢工具實際下載圖片檢查・2026-09-25
<meta property="og:title" content="懶人智造 Lazy Makers"> <meta property="og:description" content="老闆只做決定,其他交給一群 AI 分工。…"> <meta property="og:image" content="https://lazymakers.com/og.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">
| 檢查 | 結果 |
|---|---|
| 圖片網址 | https 開頭的完整網址,打得開 |
| 實際尺寸 | 1200×630(工具把圖下載下來量的,不是看網頁上寫的數字) |
| 檔案大小 | 約 200 KB |
| 判定 | 符合建議 |
9 月 25 日改版時我們換了一張新的預覽圖,檔名沒改,還是 og.png。照上面說的,之前在 LINE 被抓過的話,可能還會看到舊圖;要讓它馬上換,就是改檔名或加 ?v=。
什麼時候要找人
很多架站平台在後台有設定分享圖的欄位,名稱各家不同,常放在「SEO」或「社群分享」相關的設定頁,先找找看。原始碼裡完全沒有 og: 開頭的設定、後台又找不到地方填,就請做網站的人加上 og:title、og:description、og:image 三行,圖片網址用完整的 https 網址。
官方原文
- LINE Developers:常見問題(媒體)網址預覽只用 og:title、og:description、og:image 三個標籤(英文)
- Meta for Developers:網站管理員分享指南基本的 og 標籤;圖片照網址快取,網址不變就不會更新(英文)
- Meta for Developers:分享最佳做法圖片寬度建議至少 1080 像素(英文)
- Facebook 分享偵錯工具看 Facebook 讀到什麼、要求重新抓取
- The Open Graph protocolog:title、og:type、og:image、og:url 的原始規格(英文)
寫於 2026 年 9 月 25 日。平台的規則和工具畫面會改,照著做卻對不上的話,以官方原文為準。