2013-02-20 101 views
3

我試過meta property="og:image",meta property="og:image:security"link rel="image_src"但是當我點擊鏈接時,分享者沒有得到縮略圖。它顯示標題,描述和網址。我試圖重新縮放圖像到90x90,200x200500x500,但沒有發生任何事情。這裏是代碼:Facebook的分享者沒有得到縮略圖

<meta property="og:url" content="URL"> 
<meta property="og:title" content="TITLE"> 
<meta property="og:description" content="DESCRIPTION" /> 
<meta property="og:type" content="website"> 
<meta property="og:image" content="IMAGE"> 
<meta property="og:site_name" content="SITE NAME"> 

<a href="https://www.facebook.com/sharer/sharer.php?u=url" target="_blank">Share on FB!</a> 

PS:我也得到了https,我也試過了。

這裏是輸出:

enter image description here

回答

8

這可能是有很多原因,但沒有看到您的實際代碼(不與IMAGESITE NAME等衝壓出來)我只能冒險一些猜測。

  1. 您的網站是本地託管或受密碼保護的

    它有時一個愚蠢的錯誤的人做,如果你正在開發這個地方,你把在本地託管的圖像作爲og:image內容那麼Facebook將無法正確加載圖像。

  2. 不是有效的URL

    裝入og:image URL,看看是否負載。如果沒有,那就是你的問題。

  3. 您的圖片是無效的。這就是Facebook的documentation具有對圖像性能說:

    OG:圖像 - 這應該在圖形中代表你的物體的圖像的URL。該圖片必須至少爲50像素x 50像素,但最小爲200像素x 200像素,建議使用1500像素x 1500像素以獲得最佳用戶體驗。該圖像可以具有3:1的最大寬高比。我們支持PNG,JPEG和GIF格式。您可以包含多個og:image標籤,以將多個圖像與您的頁面關聯。 (注:圖片大小不得超過5MB大小。)

  4. Facebook已經封鎖您的域名

    可能性不大,但有可能。請參閱下面有關使用facebook調試器的信息。

您可以使用Facebooks debugger - 只要輸入您的網址,它會給你你需要的所有信息。包括og:image財產。

如果沒有被拾起,確保你正確地包括在你的頁面,你可以看到here標籤。

如果絕對沒有以上的作品,你真的不能得到任何東西爲你工作,你可以直接包含在URL共享URL鏈接 - 我已經做出了表率here你。

+0

非常感謝。我嘗試了你所說的所有事情,例如你在jsfiddle上寫的工作!但還有一件事我想學習,我可以用這種方式獲得多個圖像?我試圖添加「圖像[1]」,但它不起作用。 – 2013-03-13 08:55:44

+0

這是一個好點@BerkeSütçü,我試過[圖像] []和圖像[0]圖像[1],但它沒有奏效。不幸的是,這個功能沒有記錄在Facebook上的任何地方,所以我不能看到是否有可能。 – Prisoner 2013-03-13 09:40:08

+0

所以我必須讓元標籤工作,然後設置多個圖像。無論如何,感謝所有幫助。 – 2013-03-13 09:48:32