分享文章到 Facebook 的 Meta 設定﹍縮圖+標題+摘要+作者資訊
分享到臉書的網址總是不如預期的呈現嗎？ 來看看該如何幫網站做好 Facebook 優化吧！
知道臉書是怎麼捉取分享網頁的資訊嗎?
怎麼樣才能讓分享的連結呈現更完整的資訊和圖片??
請跟著我們這樣做!!
廢話不多說，直接上程式碼
<html prefix="og: https://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>康捷雲端ERP-成交手續費試算小幫手</title>
<meta property="og:title" content="康捷雲端ERP-成交手續費試算小幫手" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.citerp.com.tw/EZK_Rand_Do/EZK_RptSpeOrderChkV1.php" />
<meta property="og:image" content="http://www.citerp.com.tw/picturesys/%E8%9D%A6%E8%9D%A6-001.png" />
<meta property="og:description" content="蝦皮購物自 2021年04月01日 00:00 起於本平台成立的非商城賣場訂單，將與賣家酌收成交手續費及金流服務費。"></meta>
<meta property="fb:app_id" content="" />
<meta content='https://www.facebook.com/citerptw' property='article:author'/><html prefix="og: https://ogp.me/ns#">
啟動 Open Graph 標記語言、讓 og 這個標記生效
<meta property="og:title" content="康捷雲端ERP-成交手續費試算小幫手" />
設定標題，例如“康捷雲端ERP”。
<meta property="og:type" content="website" />
類型，此屬性是說明該網頁內容的類型(有article, book, profile, website, music, video等類型，預設是 “website”)，根據您指定的類型，可能還需要其他屬性。
<meta property="og:image" content="http://www.citerp.com.tw/picturesys/%E8%9D%A6%E8%9D%A6-001.png" />
設定圖片URL，它應該在圖表中代表您的對象。
<meta property="og:url" content="http://www.citerp.com.tw/EZK_Rand_Do/EZK_RptSpeOrderChkV1.php" />
設定網址URL，例如“http://www.citerp.com.tw/”。
<meta property="og:description" content="蝦皮購物自 2021年04月01日 00:00 起於本平台成立的非商城賣場訂單，將與賣家酌收成交手續費及金流服務費。"></meta>
設定描述。
<meta property="fb:app_id" content="appid請填入於此" />
Facebook for Developers 開設一個 App 並將 app_id 填入，這可以讓你在 Facebook 的分析工具看到更多詳細資訊。
設定好的網頁，我們可以使用臉書提供的分享偵錯工具，來分析設定的標籤是否正確。
https://developers.facebook.com/tools/debug/
更詳細的說明可以參考官方網站
The Open Graph protocol
工程師的日常 