如果用戶將鏈接添加到狀態消息中，Facebook會從網站加載哪些內容

Question

我正在使用具有傳統圖像+ div和帖子文本結構的新網站ATM。當用戶在Facebook狀態更新中向該網站添加鏈接時，Facebook只會顯示該鏈接，並且不會顯示該網站的文字或圖片。知道我想知道如果用戶添加鏈接到狀態消息，Facebook從站點加載哪些內容？哪些html標籤被選中，以及如何更改我的HTML，以便預覽圖像和文本由Facebook加載。

其他網站：

我的網站：

Answer 1

優於從不遲到......

它在Facebook documentation：

爲了確保預覽總是正確填充，您應該將下面顯示的標籤添加到HTML代碼中的元素。如果您沒有標記自己的網頁，則Facebook分享會根據標記中指定的內容抓取您網頁的標題，並會根據網頁正文中顯示的第一個文字創建摘要說明。縮略圖列表將全部從您網頁上的可用圖像中選擇。

您可以控制的確切名稱，描述和縮略圖，Facebook的分享使用通過在頁面中加入以下meta標籤的元素：

<meta property="og:title" content="title" /> 
<meta property="og:description" content="description" /> 
<meta property="og:image" content="thumbnail_image" /> 

所以一個例子新聞故事可能有以下幾點：

<meta property="og:title" content="Smith hails 'unique' Wable legacy"/> 
<meta property="og:description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " /> 
<meta property="og:image" content="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" /> 

如圖所示，OG：標題包含預覽標題，OG：描述包含預覽摘要和OG：IM年齡包含預覽圖像。請確保沒有任何內容字段包含任何HTML標記，因爲它將被刪除。

標題和說明標籤是任何預覽的最低要求，因此請確保包含這兩個。

og：image是Feed故事中出現的圖片的網址。縮略圖的寬度和高度必須至少爲50像素，並且不能超過130x110像素。兩者的高度除以寬度和寬度除以高度（w/h，h/w）之比不得超過3.0。例如，不會顯示126x39像素的圖像，因爲寬度除以高度的比率大於3.0（126/39 = 3.23）。圖像將按比例調整大小。