現在越來越多網站都會加上這樣社群分享連結的按鈕,當然如果你單純的把按鈕放上去,基本上Facebook很聰明,會自己抓顯示圖片、標題、內文,所以很少人會想要去設定一些什麼,但是如果說你的頁面標題、說明都是設定一樣的,或者是該頁面並沒有圖片,那自然而然就會想要自行設定,並且加上一張小圖,這個時候,其實你只要加上幾行Meta設定就可以了:
<meta property="og:title" content="我是標題" />
<meta property="og:type" content="article" />
<meta property="og:url" content="頁面網址" />
<meta property="og:image" content="預設縮圖" />
很簡單吧!不過既然設定了,當然就會測試,測試出來如果不滿意,就會想調整,可是這時候問題就來了,你會發現不管你怎麼改,Facebook顯示出來的結果都跟一開始一樣,不會有任何變動,但是你換了一個網址之後就會出現了,這又是為什麼呢?
原來Facebook為了避免重複抓取網站資料,所以都會在Facebook這裡留一份資料,當有人分享連結之後,會先檢查是否有人分享過,如果有就直接採用Facebook上的資料,如果沒有就會重新抓取資料,也就是說Facebook會cookie住你分享出去的連結,這時候可就不是清除自己電腦上的Cookie可以解決的了,你必須回報Facebook,請他清除該網址下的Cookie資料,然後該網址就會被重新抓取一次內容,下次你再分享就會採用新抓取的內容了。
那要如何回報Facebook呢?很簡單,你只要上Debugger頁面,把網址填進去,然後按下偵錯,就會看到Facebook新抓取的資料了。