2016-05-06

分享連結到 Facebook 還會出錯嗎?讓 FB Debugger 來拯救貼文! Category: 功能設計

有在經營 Facebook 粉絲專頁的小編們,是不是也有過這種貼文經驗呢?
將文章、首頁或內頁網址貼到塗鴉牆上後,Facebook 會自動抓取該網址上的圖文作為貼文摘要,但是常常發生的情況是,抓不到圖片或者不是你想要的縮圖和文字摘要,這些貼文的內容並不完善,重複試了好幾次真的是讓小編們很頭大! 
粉絲頁貼文
圖:貼文預覽抓取不完整時。

雖然網頁本身就有基本的網頁標題(title)、描述(description)和關鍵字(keywords),但是如果要將文章或網站連結,分享到 FB 上有完善的呈現,就需要針對 FB 分享時做一點標記設定,讓 Facebook 網路爬蟲可以順利抓取頁面資料,並利用 Facebook Debugger 工具來輔助設定與檢查,就可以在塗鴉牆上呈現完整的貼文囉!

什麼是 Facebook 網路爬蟲?

Facebook 網路爬蟲可以從網站上額取內容,並對 Facebook 使用者產生預覽。
我們的內容常以網頁的形式分享到 Facebook,而當使用者第一次分享連結,或是在您的網頁上點選已安裝的外掛程式「按讚」或「分享」時,Facebook 網路爬蟲就會啟動,便會抓取該網址的相關內容資訊,並以標題、說明和縮圖圖像的方式顯示在 Facebook 上,如果您的內容提供公開存取,才可以讓 Facebook 網路爬蟲存取您的內容。詳細說明與設定可以參閱 Facebook 網路爬蟲指南。 
FB LIKE BUTTON
圖:外掛程式「讚」按鈕。

Facebook Debugger 除錯工具使用說明

網站名稱:Debugger 網站偵錯工具
連結網址:
Sharing Debugger

首先進入 Debugger 的頁面,輸入網址並按下除錯。
Facebook Debugger

如果該網址還沒有被分享到 Facebook 過,會出現如下圖的提示訊息,此時只要點擊 Fetch new information ,讓 Facebook 預先快取即可。
Facebook Debugger

此時下方就會顯示該網址的相關分享資訊:
Time Scraped:會顯示上一次分享時快取暫存的時間,例如下圖顯示 11 秒前,表示 11 秒前已經更新了快取資料。
Link Preview:可以預覽目前分享的網址會顯示的貼文摘要。 
如果預覽的內容不正確,可以按下 Scrape Again 再重新抓取一次資料。

Facebook Debugger

網頁內容更新後也要記得除錯!

然而需要使用 Debugger 工具的時間點,主要有兩個,一個就是初次分享前的除錯檢查,若是要轉發新的部落格文章或是活動頁面,甚至是新網站的推出,都可以先使用此工具做分享連結時的檢測,看看被轉發時的貼文內容是否完善。

第二個時間點就是更新網頁內容後,因為在第一次分享網址後,Facebook 會把網頁摘要先儲存起來,之後有其他人再分享時,就會從先前已經儲存的資料快速抓取,而不會再到網頁上重新抓取新的資料,以防有大量轉貼時,還要重複一直到網站上抓取,所以網頁如果有更新的話,就要使用 Facebook Debugger 工具來清除舊的快取資料,這樣子之後分享出去的東西,才會顯示最新的網頁內容喔!

返回列表