2012-06-02 69 views
35

Facebook有時會做這個真正整潔的事情,他們顯示一個網站的縮略圖預覽您鏈接到狀態更新...通常是網站的標誌。當我將鏈接粘貼到帖子/狀態/評論中時,如何讓Facebook顯示我網站的徽標?

fb status

我想知道的訣竅是讓這對我的網站的工作是什麼,所以如果我要分享「http://www.mysite.com/」,我會看到我的網站的logo /圖標在預覽框中。我將如何做到這一點?

+0

的[如何Facebook的分享者選擇圖片?]可能重複(http://stackoverflow.com/questions/1138460/how-does-facebook-sharer-select-images) –

回答

72

嘗試在這個Facebook的調試工具,您的網站。

http://developers.facebook.com/tools/debug

它會告訴你什麼是missing.Eg。在頁頭下方

<meta property="og:image" content="[url to image]" /> 
<meta property="og:title" content="[page name]" /> 
<meta property="og:description" content="[content description]" /> 

根據您的網站建立方式,有不同的方法。例如。 This Wordpress插件爲頁面上的每個圖像創建鏈接,以便您可以在頁面上的徽標和任何其他帖子圖像之間進行選擇。

更新2017:現在推薦到register a Facebook App ID爲您的網站,否則調試器會給你一個錯誤。 More tags and info

+0

您與此調試化險爲夷!在我的情況下,我的og:type不是第一個,那麼facebook沒有識別它。 –

+0

我已經這樣做了,我仍然得到這個錯誤信息:「og:image沒有定義,無法下載或者不夠大,請使用og:image metatag定義一個選定的圖像,並使用至少一個圖像200x200px,可從Facebook訪問,圖片'http://www.oceanview335.com/Pictures/2015%20DDGMs.png'將被用來代替。「 – CigarDoug

+0

非常感謝! :-) –

4

你可以把這個在你的頁面的源代碼:

<link rel="image_src" href="http://somesite.org/img/title.jpg" />

相關問題