2017年1月16日 星期一

讓 Facebook 分享取得資訊的網頁設定

當使用者在 Facebook (FB) 分享連結時,FB 會依連結取得適當的資訊,如圖片、Title、簡介內容等。FB 有指定提供訊息的方式,假如網頁有提供對應的資訊,則會顯示該資訊。假如沒有提供這些資訊,則 FB 會自行判斷挑選,常常會挑到不具代表性的圖。

下面的連結是相關的討論
http://stackoverflow.com/questions/1138460/how-does-facebook-sharer-select-images-and-other-metadata-when-sharing-my-url

除錯的網站,需以 FB 帳號登入才可使用。
 https://developers.facebook.com/tools/debug

FB 需要下面的 metadata,假若找不到,則自行推導。

<head>
    <meta property="og:url" content="http://www.test.com/" />
    <meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
    <meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

    <meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
   <meta property="og:image:width"  content="110" />
  <meta property="og:image:height" content="110" />

</head>

沒有留言: