← 返回最新消息

課程頁貼到 LINE,縮圖卻是 Logo 或大頭貼?分享縮圖三層規則:這頁指定、內容第一張大圖、全站預設

課程頁貼到 LINE,縮圖卻是 Logo 或大頭貼?分享縮圖三層規則:這頁指定、內容第一張大圖、全站預設

因為那一頁沒有指定分享縮圖,平台只好自己抓,常抓到 Logo 或頭像。網站的分享縮圖照三層順序挑:這一頁自己指定的圖 → 頁面內容第一張大圖 → 全站預設分享圖。大部分頁面不用逐頁設,只要先把全站預設圖放好。

分享縮圖為什麼重要?

你的課程連結,最常被看到的地方不是你的網站,而是別人的 LINE 群組和 Facebook 動態。

在那裡,讀者只看到三樣東西:一張縮圖、一行標題、一段描述。縮圖佔了大部分面積。

同一個連結,縮圖是一張清楚的課程主視覺,或是一個縮成郵票大小的 Logo,點擊的人數會差很多。

這張圖在網頁原始碼裡叫 og:image。沒有它,Facebook、LINE 只能在頁面裡隨便挑一張,挑到什麼看運氣。

三層規則怎麼運作?

有人把連結貼出去時,系統依序找:

順序用哪張圖在哪裡設定
①這一頁自己指定的「分享縮圖」頁面編輯器右側「設定」
②這一頁內容裡的第一張大圖不用設定,自動抓
③全站預設分享圖設定 → 網站資料

找到就停。三層都沒有,才交給平台自己挑。

第 ② 層是主力。套用版型做的頁面,主視覺通常就是一張大底圖,不用做任何事就有像樣的縮圖。

自動抓圖會跳過兩種圖:SVG 圖檔(Facebook、LINE 不支援),以及標明寬度小於 200 的小圖(圖示、講師頭像這類)。所以不會抓到一個小小的勾勾圖示當縮圖。

設了密碼保護的頁面,不會自動抓內容裡的圖,避免把只給特定人看的內容露在分享預覽上。需要的話用第 ① 層指定一張。

全站預設分享圖怎麼設?

先做這一層,因為首頁、列表頁和所有沒圖的頁面都會用到它。

到「設定 → 網站資料」,網站說明下方有「全站預設分享圖」,按「選圖」從媒體庫挑一張,再按頁面最下方的儲存。

設定 → 網站資料頁面:網站標題、網站說明(SEO)之下是全站預設分享圖,有一個空白預覽框和選圖按鈕,說明文字寫把網站連結貼到 Facebook、LINE 時顯示的縮圖,建議 1200×630🔍 點擊放大
全站預設分享圖:所有沒有自己縮圖的頁面都用它(示範資料)

這張圖建議這樣做:

  • 尺寸 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 的「分享偵錯工具」貼上網址、按「再次抓取」,就會更新成新圖。新的連結第一次分享時不會有這個問題。