Open Graph設定

建立時間: 2016-10-10 20:21:48
更新時間: 2016-10-10 20:21:48

Open Graph

常常在將網站分享到臉書的時候

會發現截取的圖片、標題等等一些資料

都不是我們想要的

像是這樣

 

想要改善這點

我們可以使用Facebook的Open Graph設定

讓我們在分享的時候

可以讓Facebook正確的抓到要分享的標題、敘述、圖片等網頁資料

更重要的是這樣還能提升SEO

 

檢測一下網站

首先可以先到Facebook的Sharing Debugger

簡單的檢測一下自己的網站

另外也能夠執行Scrape Again讓Facebook在爬一次

檢測完

就會跳出一些建議的設定

我們可以依照這些設定來改善

 

加上Open Graph標籤

只要在網頁的<head>區塊中加入這些標籤

就能改善前面所提到的問題了

 <meta property="og:title" content="頁面標題" />
 <meta property="og:site_name" content="網站名稱" />
 <meta property="og:url" content="頁面網址" />
 <meta property="og:image" content="預覽圖片" />
 <meta property="og:description" content="摘要" />