Home apache facebook nginx ssl Facebook Meta

Facebook Meta

Wild 12/13/2017 03:47:00 下午 apache, facebook, nginx, ssl

基本用法

預設 type 為 website，若為部落格形式則改用 article，這邊先以 website 作範本
基本標籤指南
Website type 的 Head & Meta 參考文件
Article type 的 Head & Meta 參考文件

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
  <meta property="fb:app_id" content="app編號" />
  <meta property="og:type"   content="website" /> 
  <meta property="og:url"    content="內容" />
  <meta property="og:title"  content="Sample Website" />
  <meta property="og:image"  content="https://s-static.ak.fbcdn.net/images/devsite/pic1.jpg" />
  <meta property="og:image"  content="https://s-static.ak.fbcdn.net/images/devsite/pic2.png" />
  <meta property="og:image"  content="https://s-static.ak.fbcdn.net/images/devsite/pic3.png" />

開發 Debug

進入分享偵錯工具
「分享偵錯工具」可以顯示所有取得的 fb meta 資料
「批次失效工具」可清除被 cache 住的 meta 資料

狀況

出現 SSL 憑證錯誤，導致 meta 讀取失敗。
Can’t validate SSL Certificate. Either it is self-signed (which will cause browser warnings) or it is invalid.

檢查 apache/nginx 的 SSL 設定，是否有加掛 ChainFile
產生 Chain 檔 (tool)
apache2 掛載

SSLEngine On
SSLCertificateFile /path/mydomain.crt
SSLCertificateKeyFile /path/mydomain.key
SSLCertificateChainFile /path/mydomain.chain.crt

nginx 掛載

//ssl_certificate     /path/mydomain.crt;
ssl_certificate       /path/mydomain.chain.crt;
ssl_certificate_key   /path/mydomain.key;

Facebook Meta

Reviewed by Wild on 12/13/2017 03:47:00 下午 Rating: 5

沒有留言:

沒有Google帳號也可發表意見唷!

訂閱：張貼留言 ( Atom )