Indie Hackers - 創業駭客 (NoCode, Webflow)

Line/ Facebook/ Twitter/ Linkedin 分享網址 URL 卡清除快取的方法

  • LINE 分享連結網站縮圖標題錯誤、無法顯示, 可以用 PagePoker 可強制更新
  • How to clear URL OG image cache
  • How to Update Link Preview on Facebook / Twitter / LINE/ Linkedin?

社群分享 URL 除錯工具

Facebook 清除 URL 快取 - Sharing Debugger & Batch Invalidator

Twitter 清除 URL 快取 - Twitter Card Validator

https://cards-dev.twitter.com/validator

LINE 清除 URL 快取 - Line Page Poker

LINE 也有提供類似 Facebook 的網址預覽更新功能,不過較少人知道,**如果在更新頁面標題、縮圖或說明後想要手動要求 LINE 重新抓取網址的預覽資料,開啟 https://poker.line.naver.jp 將網址輸入後清除暫存即可做到,對於在 LINE 上面有很多受眾或是會透過 LINE 轉貼網址的網站非常有用

Linkedin 清除 URL 快取

至於image的大小,我只有在官方文章找到image message的限制,沒有找到關於URL預覽縮圖的規範。Line自己這張圖是200 x 200 px / 26.2KB,但我自己用更大的圖片也是抓的到就是了。

Line並沒有像Facebook一樣有偵錯工具可以偵錯URL,如果不放心可用picsee先行預覽。

至於有時候你貼了連結,出來的縮圖與內容不如你預期,而你做修改後卻無法馬上更新,這是由於Line的快取機制還存著你URL舊內容的關係,而Line也沒有像Facebook偵錯工具一樣有重新爬取的功能。目前我還沒有找到強制重新爬取的方法。

Read more

開放社交關係圖中繼標籤

og:image 標籤可用於指定圖像網址,適用於有人將內容分享至 Facebook 時所出現的圖像。如需圖像屬性的完整清單,請參閱這裡

必備條件

  • 可接受的圖像尺寸下限是 200 x 200 像素。

  • 圖像檔案大小不可超過 8 MB。

  • 請使用至少 1200 x 630 像素的圖像,在高解析度裝置時才能呈現最佳顯示效果。至少應使用 600 x 315 像素的圖像,才能顯示圖像較大的連結粉絲專頁貼文。

  • 若圖像小於 600 x 315 像素,仍然會顯示在連結粉絲專頁貼文中,但會小很多。

  • 我們也已經重新設計了連結粉絲專頁貼文,讓桌上型電腦和行動裝置上的動態消息一律顯示相同的圖像長寬比。請嘗試將圖像長寬比盡可能保持為 1.91:1,以便在動態顯示未經裁切的完整圖像。

  • 我們的網路爬蟲只接受 gzipdeflate 編碼,因此,請確認伺服器使用的編碼方式正確無誤。

快取前的圖像

第一次分享內容時,Facebook 網路爬蟲會自分享的網址抓取並快取中繼資料。網路爬蟲至少要看過圖像一次,才能轉譯該圖像。也就是說,第一個分享內容的人並不會看見網路爬蟲轉譯的圖像:

有三種方式能夠避免這種情形,並在第一次出現按讚或分享操作時轉譯圖像:

  1. 使用分享偵錯工具預先快取圖像 透過網址偵錯工具執行網址,預先擷取粉絲專頁的中繼資料。這種方式也能用於更新內容片段的圖像。
  2. 使用圖形 API 預先擷取圖像:使用圖形 API,以程式語言強制抓取網址,預先擷取粉絲專頁的中繼資料。這種方式也能用於更新內容片段的圖像。
  3. 使用 og:image:widthog:image:height開放社交關係圖:使用這些標籤會指定網路爬蟲需要的圖像尺寸,讓網路爬蟲能夠立即轉譯圖像,不需等待非同步下載再處理圖像。

更新圖像

我們會根據每一張圖像的網址快取所有參照圖像,因此,若您替換了某張圖像:

  • 請使用圖像的新網址,否則不會更新圖像

  • 請勿移除舊圖像,有些即時動態可能仍會參照舊圖像

  • 請按照上方章節的操作說明,確認我們的網路爬蟲已經下載了新圖像。

請注意,更新網址圖像並不會自動更新舊分享內容的預覽。若要更新預覽,您必須按照這裡的說明重新整理分享內容。