[FB] Facebook的og tag | 分享文章至Facebook的Meta設定

當分享文章或是連結至Facebook時,常常會遇見抓不到圖片或是顯示非預期的圖文時,這時候就要設定Meta的og tag了,來讓Facebook能夠正常抓到你網頁的所希望呈現的設定。

一、在html標籤後加上 prefix=’og: http://ogp.me/ns#’

<html prefix='og: http://ogp.me/ns#'>

二、在head內加上meta設定

<meta property="og:description" content="網頁的說明" />
<meta property="og:title"content="網頁的標題"/>
<meta property="og:type"content="website"/>
<meta property="og:url"content="http://yourdomain.com/index.php"/>
<meta property="og:image"content="http://yourdomain.com/photo.jpg"/>

三、最後再至FB debug 驗證一下是否生效,將網址貼到https://developers.facebook.com/tools/debug/