如何讓 Facebook / Twitter / LINE 正確顯示你的連結預覽?

2021-02-05 2

如何讓 Facebook / Twitter / LINE 正確顯示你的連結預覽?

作為內容創作者或者社交平台的小編,有時候上載了YouTube影片、發表文章時,會分享連結到不同的平台引流,如Facebook、Twitter、LINE等。有機會因為觀眾的反應而修改標題或縮圖,但修改後發現分享連結的預覽還是顯示舊版本。其實我們可以透過除錯工具,讓各大平台讀取最新的資訊。

目錄

為什麼會顯示錯誤的中繼資料 (metadata)?

當你貼上連結的當下,平台就會把連結的中繼資料(如標題、縮圖及說明)暫存在快取(cache)之中。在下一次需要讀取這個連結時,會摘取快取裏已存的資料,令存取速度加快,不用每次重新讀取連結的資料。

但如果在平台快取之後再修改,就有機會出現錯誤或舊的影片標題、說明或縮圖。

所以,盡量在分享連結之前,就確保中繼資料是正確的,以免平台快取了錯誤或舊的資料。

但如果真的有需要在快取之後更改,例如看到初始點擊率低,想換標題和縮圖,可以怎樣讓平台更新正確的中繼資料?

以下有兩個方法提供,助你更新中繼資料後,所有分享的連結都正確顯。已經分享了的就沒辦法改變,只能刪掉重發了。

方法1:使用平台的偵錯工具

Facebook、Twitter及LINE都有提供偵錯工具,只要輸入網址,就能讓系統就會立即更新快取的影片標題和說明。

平台偵錯工具
Facebook分享除錯工具 | 批次失效工具
TwitterCard Validator
LINEPage Poker

Facebook 分享除錯工具及批次失效工具

Facebook 分享除錯工具
Facebook 分享除錯工具

使用分享偵錯工具,瞭解網站內容分享在 Facebook、Messenger 和其他位置時所使用的資訊。

Facebook 批次失效工具
Facebook 批次失效工具

批次失效工具 (Batch Invalidator) 讓你能同時針對多個網址,重新整理這些資訊。

Twitter Card Validator

Twitter Card Validator
Twitter Card Validator

輸入網址驗證分享的連結資料是否正確。

LINE Page Poker

LINE Page Poker
LINE Page Poker

讓LINE更新分享連結的資訊。

以下是用Facebook示範前後的分別:

更新網頁縮圖
更新網頁縮圖

方法2:使用短網址

至於沒有提供偵錯工具的平台,如WhatsApp,我們可以用短網址服務,如BitlyPicSee等,縮短網址再分享,平台就會抓取最新的版本。

服務簡介
Bitly免費的URL縮短器,付費版可批量創建並與自訂網域的品牌連結。
PicSeePicSee縮短網址,簡單免費、自訂短網址的縮圖、縮網址的網域、品牌短網址;追蹤點擊、抽換連結、內建UTM Builder;進階功能結合Facebook像素、GTM。
Bitly
Bitly
PicSee
PicSee

我用了Bitly建立了一個短網址分享到WhatsApp:

用短網址讓WhatsApp更新連結預覽
用短網址讓WhatsApp更新連結預覽

小提示:縮圖設計注意事項

這裏講一下一個縮圖小技巧,你留意到不同平台的連結預覽圖的尺寸都不一樣嗎?

Facebook連結預覽圖尺寸是 1200 × 630 px,16:9的圖,上下會被裁掉一點點。

而Twitter、WhatsApp和LINE的預覧圖是1:1的正方形,左右會被裁掉。

所以製作縮圖時,用16:9的比例,如1920 × 1080 px,而最重要的部分放在正中央,上下左右都預留空間(如下圖)。那麼無論分享到哪個平台,重要資訊都能顯示清楚。

設計縮圖時要預留四邊的空間

結語

製作吸引的標題和縮圖能增加觀眾點擊觀看的意欲,有需要更新標題和縮圖時,記得使用偵錯工具或者短網址去更新快取。

如果這篇文章幫到你,就在文章下面的LikeCoin讚賞鍵給我按5個讚吧,你的免費行動也可以支持我的創作。

如果有認識的創作者或小編,記得可以把這篇有用的資訊分享給他。

還有什麼技術問題,歡迎留言告訴我,讓我幫你解決問題。

感謝支持!

參考資料

免費按讚支持創作

喜歡我的文章,請在下面按讚 5 下,助我得到 LikeCoin 獎賞,支持我繼續創作免費內容。

行有餘力,可以成為我的讚賞公民,每月送我一杯咖啡,從此每份贊助,都會化成實質支持。

作者簡介

香港斜槓族,喜歡學習的宅女。打工時期做過行銷、教育及IT行業。自學技能包括:網站開發、網路行銷、影片製作、平面設計等。

希望透過內在自我認知及外在技能培養的分享,幫助網路創業者實現理想生活,共建和諧美好的世界。

2 則評論

提交評論

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

本網站受 reCAPTCHA 保護,並適用 Google 隱私政策服務條款