一般在沒有申請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
沒有留言:
張貼留言