網頁

2015年5月14日 星期四

清除Facebook Open Graph快取及測試Facebook分享的畫面

一般在沒有申請Facebook API的情況下,只是做分享都會用使用https://www.facebook.com/sharer.php?u=<你的link>這樣的方式來分享網址,但若是在實作過程中先測試過了,會造成Fabcebook將其cache畫面及資料,即使之後再加上og:xxx之類的meta,也無法更動內容,這時可以先到https://developers.facebook.com/tools/debug/



填入你的網址後,就會類似下圖:


這邊看來og:type沒加上,我再加上<meta property="og:type" content="website"/>,再按下“Fetch new scrape information”,就成功了,處理好後會發現cache內容也被更動了

另外,Debug過程發現og meta的順序如下:
type -> url -> title -> images

這樣就可以使用https://www.facebook.com/sharer.php?u=<你的link>來做些細節的調整了

參考網址:
Facebook Open Graph not clearing cache
og:image Open Graph Warnings image size
https://developers.facebook.com/tools/debug/ (Debugger)
https://developers.facebook.com/tools/debug/og/object/

https://developers.facebook.com/docs/reference/opengraph/object-type/website/

The Open Graph protocol

沒有留言:

張貼留言