課程頁貼到 LINE,縮圖卻是 Logo 或大頭貼?分享縮圖三層規則:這頁指定、內容第一張大圖、全站預設
因為那一頁沒有指定分享縮圖,平台只好自己抓,常抓到 Logo 或頭像。網站的分享縮圖照三層順序挑:這一頁自己指定的圖 → 頁面內容第一張大圖 → 全站預設分享圖。大部分頁面不用逐頁設,只要先把全站預設圖放好。
分享縮圖為什麼重要?
你的課程連結,最常被看到的地方不是你的網站,而是別人的 LINE 群組和 Facebook 動態。
在那裡,讀者只看到三樣東西:一張縮圖、一行標題、一段描述。縮圖佔了大部分面積。
同一個連結,縮圖是一張清楚的課程主視覺,或是一個縮成郵票大小的 Logo,點擊的人數會差很多。
這張圖在網頁原始碼裡叫 og:image。沒有它,Facebook、LINE 只能在頁面裡隨便挑一張,挑到什麼看運氣。
三層規則怎麼運作?
有人把連結貼出去時,系統依序找:
| 順序 | 用哪張圖 | 在哪裡設定 |
|---|---|---|
| ① | 這一頁自己指定的「分享縮圖」 | 頁面編輯器右側「設定」 |
| ② | 這一頁內容裡的第一張大圖 | 不用設定,自動抓 |
| ③ | 全站預設分享圖 | 設定 → 網站資料 |
找到就停。三層都沒有,才交給平台自己挑。
第 ② 層是主力。套用版型做的頁面,主視覺通常就是一張大底圖,不用做任何事就有像樣的縮圖。
自動抓圖會跳過兩種圖:SVG 圖檔(Facebook、LINE 不支援),以及標明寬度小於 200 的小圖(圖示、講師頭像這類)。所以不會抓到一個小小的勾勾圖示當縮圖。
設了密碼保護的頁面,不會自動抓內容裡的圖,避免把只給特定人看的內容露在分享預覽上。需要的話用第 ① 層指定一張。
全站預設分享圖怎麼設?
先做這一層,因為首頁、列表頁和所有沒圖的頁面都會用到它。
到「設定 → 網站資料」,網站說明下方有「全站預設分享圖」,按「選圖」從媒體庫挑一張,再按頁面最下方的儲存。
🔍 點擊放大這張圖建議這樣做:
- 尺寸 1200×630:橫圖。直式或正方形的圖,在 Facebook、LINE 上會被裁掉上下。
- 放品牌名稱+一句你教什麼:例如「王老師的 Excel 教室|上班族的資料分析」。它代表的是整個網站。
- 字放中間、夠大:手機上的預覽圖很小,邊緣也可能被裁。
選好之後,預覽框會顯示 1200×630 比例的縮圖,看起來被裁到的地方,分享時也會被裁。
單一頁面要換縮圖,在哪裡改?
銷售頁、說明會報名頁這種會大量分享的頁面,建議另外做一張專屬縮圖,不要靠自動抓。
到「網站內容 → 頁面」,編輯那一頁,右側「設定」面板往下拉,找到「分享縮圖」,按「選圖」。
🔍 點擊放大指定之後,這一頁就用它,不再自動抓。想回到自動抓圖,按「移除」清空即可。
專屬縮圖可以放一些內容裡沒有的東西:課程名稱、開課日期、「免費報名」字樣。它是一張小廣告。
哪些頁面不走這套規則?
有幾種內容本來就有自己的主圖,直接用它,不用另外設定:
| 內容 | 分享時用的圖 |
|---|---|
| 部落格文章 | 文章封面圖 |
| 課程介紹頁 | 課程封面圖 |
| 商品頁 | 商品第一張主圖;沒有圖才用全站預設 |
所以課程和文章的縮圖,在上傳封面時就決定了。封面圖做成橫式、主體放中間,分享出去就不會被裁壞。
換了圖,Facebook 為什麼還是舊的?
因為 Facebook 會記住它抓過的預覽。同一個網址第一次被分享時抓一次,之後就用記住的那張。
解決方法:到 Facebook 的「分享偵錯工具」(Sharing Debugger),貼上網址,按「再次抓取」。預覽會更新成新圖。
LINE 也會記住抓過的預覽。測試新縮圖時,可以在網址後面加一個 ?v=2 再貼,平台會當成新連結重新抓。
還沒發出去的連結,第一次分享就是新圖,不用處理。
開站時先放好全站預設圖,重要的銷售頁再各做一張,就夠了。想看完整功能,搜尋「InfoBox 開課平台」。
常見問題
分享縮圖建議用什麼尺寸?
1200×630(大約 1.91:1 的橫圖)。Facebook、LINE 的連結預覽都是橫的,用直式或正方形圖會被裁掉上下。重要的字放在中間,避免邊緣被裁。
頁面沒有指定分享縮圖,會顯示什麼?
系統會自動用這一頁內容裡的第一張大圖,通常是主視覺的底圖;頁面裡沒有大圖,就用「網站資料」裡的全站預設分享圖。三層都沒有,才交給 Facebook、LINE 自己挑。
部落格文章和課程頁的分享縮圖在哪裡設?
文章和課程直接用各自的封面圖,不用另外設定。換封面圖,分享縮圖就跟著換。商品頁用商品的第一張主圖,沒有圖才用全站預設。
換了分享縮圖,Facebook 為什麼還是顯示舊圖?
因為 Facebook 會記住抓過的預覽。到 Facebook 的「分享偵錯工具」貼上網址、按「再次抓取」,就會更新成新圖。新的連結第一次分享時不會有這個問題。
