Facebook的範例是使用IMDB的The Rock來做，我就直接拿來說明了。
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
上面紅色的參數名稱，橘色是內容，可以自己變更；每一個參數都是互相獨立的，可以只選幾個或者全部都使用。
og:title - 顯示的標題
og:type - 網頁內容的類別，可用的選項可以在這查詢。
og:image - 顯示的圖片，圖片大小至少要50*50px，長寬比最大為為3:1。
og:url - 要顯示的Url。
og:site_name - 想顯示的網站名稱。
fb:admins 或 fb:app_id - 在這邊填入Facebook UserID或是Application ID後，Facebook會幫你統計Share/Like的分析，可以在 Facebook Insights看到統計的資料。fb:admins與fb:app_id標籤可以同時使用。
og:description - 要顯示的頁面說明。
Facebook Insights的分析資料大概會長的像這樣。
No comments:
Post a Comment