自訂 facebook 分享資訊(og:meta data)與更新分享資訊的方法

分享:
標籤: facebook meta html

目前要做網站的話,一定都要做好社群網站的分享,台灣最主要就一定是要做好 facebook 的分享設定,沒有做好設定的話 fb 會自動幫你抓到一些圖跟內文,但可能成效會很差,加的方法很簡單,只要在每個頁面加上以下這些就可以了:

<meta property="og:type" content="website">
<meta property="og:title" content="網站標題">
<meta property="og:image" content="顯示圖片">
<meta property="og:description" content="頁面敘述">
<meta property="og:url" content="網址">
<meta property="fb:app_id" content="app id">

其中 app id 是你有建立 fb 的 app 再設定就好,之後分享到 fb 就可以照你設定的樣子跟內容了。

分享出去之前也可以先到 facebook debug 工具測試

另外也因為 facebook 不會主動幫你更新這些分享資訊,所以如果有更新內容的話,也記得要再回到 debug 工具的網站去更新內容資訊,這樣之後的分享就都會是更新後的資訊了。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。