Facebook如何獲取URL元數據在共享鏈接中顯示爲預覽？

Question

我剛剛注意到Facebook上的一個共享鏈接，它的預覽圖像沒有包含在頁面本身（至少不是明顯的）。所以我想知道 - 有什麼方法可以指定當使用HTML代碼共享鏈接時可以在縮略圖/預覽中顯示哪些圖像？

我能想到這樣做的唯一方法是在頁面上有一個可用於預覽的0px圖像。這通常是做什麼？

Answer 1

這可以使用Facebook的Open Graph的meta標籤來實現： http://swarminglabs.com/facebook-open-graph-meta-tags/

<meta property="og:title" content="Awesome, Inc. – We're even more awesome."> 
<meta property="og:description" content="Awesome's mission is to take cool to a whole new level."> 
<meta property="og:image" content="http://YOURWEBSITE.com/YOURIMAGE.png"> 
<meta property="og:image:secure_url" content="https://YOURWEBSITE.com/YOURIMAGE.png"> 
<meta property="og:image:type" content="image/png"> 
<meta property="og:image:width" content="1500"> 
<meta property="og:image:height" content="1500"> 

利用的og:image meta標籤的將圖像切換到你想要的東西。