如何讓Facebook / Twitter / LINE 正確顯示你的連結預覽?
文章推薦指數: 80 %
... 有時候上載了YouTube影片、發表文章時,會分享連結到不同的平台引流,如Facebook、Twitter、LINE等。
有機會因為觀眾的反應而修改標題或縮圖, ...
Skiptocontent
作為內容創作者或者社交平台的小編,有時候上載了YouTube影片、發表文章時,會分享連結到不同的平台引流,如Facebook、Twitter、LINE等。
有機會因為觀眾的反應而修改標題或縮圖,但修改後發現分享連結的預覽還是顯示舊版本。
其實我們可以透過除錯工具,讓各大平台讀取最新的資訊。
目錄
為什麼會顯示錯誤的中繼資料(metadata)?方法1:使用平台的偵錯工具Facebook分享除錯工具及批次失效工具TwitterCardValidatorLINEPagePoker方法2:使用短網址小提示:縮圖設計注意事項結語參考資料
為什麼會顯示錯誤的中繼資料(metadata)?
當你貼上連結的當下,平台就會把連結的中繼資料(如標題、縮圖及說明)暫存在快取(cache)之中。
在下一次需要讀取這個連結時,會摘取快取裏已存的資料,令存取速度加快,不用每次重新讀取連結的資料。
但如果在平台快取之後再修改,就有機會出現錯誤或舊的影片標題、說明或縮圖。
所以,盡量在分享連結之前,就確保中繼資料是正確的,以免平台快取了錯誤或舊的資料。
但如果真的有需要在快取之後更改,例如看到初始點擊率低,想換標題和縮圖,可以怎樣讓平台更新正確的中繼資料?
以下有兩個方法提供,助你更新中繼資料後,所有分享的連結都正確顯。
已經分享了的就沒辦法改變,只能刪掉重發了。
方法1:使用平台的偵錯工具
Facebook、Twitter及LINE都有提供偵錯工具,只要輸入網址,就能讓系統就會立即更新快取的影片標題和說明。
平台偵錯工具
Facebook分享除錯工具|批次失效工具
TwitterCardValidator
LINEPagePoker
Facebook分享除錯工具及批次失效工具
Facebook分享除錯工具
使用分享偵錯工具,瞭解網站內容分享在Facebook、Messenger和其他位置時所使用的資訊。
Facebook批次失效工具
批次失效工具(BatchInvalidator)讓你能同時針對多個網址,重新整理這些資訊。
TwitterCardValidator
TwitterCardValidator
輸入網址驗證分享的連結資料是否正確。
LINEPagePoker
LINEPagePoker
讓LINE更新分享連結的資訊。
以下是用Facebook示範前後的分別:
更新網頁縮圖
方法2:使用短網址
至於沒有提供偵錯工具的平台,如WhatsApp,我們可以用短網址服務,如Bitly、PicSee等,縮短網址再分享,平台就會抓取最新的版本。
服務簡介
Bitly免費的URL縮短器,付費版可批量創建並與自訂網域的品牌連結。
PicSeePicSee縮短網址,簡單免費、自訂短網址的縮圖、縮網址的網域、品牌短網址;追蹤點擊、抽換連結、內建UTMBuilder;進階功能結合Facebook像素、GTM。
Bitly
PicSee
我用了Bitly建立了一個短網址分享到WhatsApp:
用短網址讓WhatsApp更新連結預覽小提示:縮圖設計注意事項
這裏講一下一個縮圖小技巧,你留意到不同平台的連結預覽圖的尺寸都不一樣嗎?
Facebook連結預覽圖尺寸是1200×630px,16:9的圖,上下會被裁掉一點點。
而Twitter、WhatsApp和LINE的預覧圖是1:1的正方形,左右會被裁掉。
所以製作縮圖時,用16:9的比例,如1920×1080px,而最重要的部分放在正中央,上下左右都預留空間(如下圖)。
那麼無論分享到哪個平台,重要資訊都能顯示清楚。
設計縮圖時要預留四邊的空間
結語
製作吸引的標題和縮圖能增加觀眾點擊觀看的意欲,有需要更新標題和縮圖時,記得使用偵錯工具或者短網址去更新快取。
如果這篇文章幫到你,就在文章下面的LikeCoin讚賞鍵給我按5個讚吧,你的免費行動也可以支持我的創作。
如果有認識的創作者或小編,記得可以把這篇有用的資訊分享給他。
還有什麼技術問題,歡迎留言告訴我,讓我幫你解決問題。
感謝支持!
參考資料
修正Facebook和Twitter上錯誤的影片中繼資料–YouTube說明為何分享連結時縮圖無法正確預覽?–meepShopFacebook、LINE、Twitter、短網址
免費按讚支持創作
喜歡我的文章,請在下面按讚5下,助我得到LikeCoin獎賞,支持我繼續創作免費內容。
行有餘力,可以成為我的讚賞公民,每月送我一杯咖啡,從此每份贊助,都會化成實質支持。
作者簡介
香港斜槓族,喜歡學習的宅女。
打工時期做過行銷、教育及IT行業。
自學技能包括:網站開發、網路行銷、影片製作、平面設計等。
希望透過內在自我認知及外在技能培養的分享,幫助網路創業者實現理想生活,共建和諧美好的世界。
2則評論
我想填問卷賺錢回覆
你可以參考這篇文章https://blog.alyssachan.space/make-money-online/get-paid-for-online-surveys/回覆
提交評論取消回覆你的電郵地址並不會被公開。
必要欄位標記為*評論名稱*
電子郵件*
個人網站
將我的姓名,電子郵件和網站儲存在此瀏覽器中,以便下次發表評論。
本網站受reCAPTCHA保護,並適用Google隱私政策和服務條款。
如有新回覆,請電郵通知我。
文章導覽
上一篇文章超詳細精華!斜槓族多年自學心得及工具清單大公開下一篇文章[WordPress]0基礎新手架站入門實操教學
找到我個人網站YouTubeInstagramFacebook標籤AdSenseAffiliateBlogger教學CSSFacebookHTMLKOLLINEMacmacOSRWDSEOslashieTwitterWinWindowsWordPressYouTubeYouTuber創業品牌識別字型常用工具廣告聯盟投資理財文字編輯器斜槓族斜槓青年普通話會計樂理生涯規劃短網址網站開發網紅網路賺錢聯盟行銷自學技能行動力計劃語言學習鋼琴閱讀心得電腦技巧音樂
延伸文章資訊
- 1如何讓Facebook / Twitter / LINE 正確顯示你的連結預覽?
... 有時候上載了YouTube影片、發表文章時,會分享連結到不同的平台引流,如Facebook、Twitter、LINE等。有機會因為觀眾的反應而修改標題或縮圖, ...
- 2新增影片縮圖- YouTube說明
已上傳的影片. 登入YouTube 工作室。 選取左選單中的[內容]。 按一下影片縮圖來選取影片。 選取「縮圖」下方的[上傳縮圖]。 選擇想要當做自訂縮圖的檔案。 選取[儲存]。 新 ...
- 3YouTube 縮圖模板及設計素材| Adobe Spark
- 4YouTube 縮圖下載器貼上網址,輕鬆一鍵下載你要的影片封面圖
之前我們曾介紹過一種透過修改YouTube 網址的方式,來下載封面,雖然也不困難,但必須把網址記下來多少有些方法,而這篇就要推薦一個更簡單YouTube 縮 ...
- 5分享網址時的文字跟圖片怪怪的? 使用官方偵測工具來更新 ...
先確認已將連結資訊(文字、圖片等)更新好,接著在「分享偵測工具」的 ... 中會顯示上次抓取該網址的時間,比如下圖中看到的連結預覽圖片、文字等都 ...