當分享文章或是連結至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/
![](https://www.vasatech.com.tw/wp-content/uploads/2019/12/image-1.png)