當你發布一個鏈接到臉書的網站時(Google+和其他的也算)，你會得到一個縮略圖，或者縮略圖的選擇。這些是HTML中的標簽。
我一直認為使用CSS將我的logo作為h1標簽中的背景圖片是一個好的做法。我將h1標記作為返回主頁的鏈接，并用類似{text-indent: -9999px}的東西隱藏標題文本，留下一個可愛的語義HTML標題。如果你想看的話，這里有我網站的鏈接:http://tempertemper.net
問題是，由于它是背景圖像，所以被忽略了。
僅僅為了這個目的，在HTML的頂部發布一個自定義，并把它隱藏在頁面的側面，這是一個好主意嗎？我不知道，好像有點亂。我可以把標簽放在h1里面，但是這個標志不是正確的形狀，因為它是為特定目的設計的。
也許有一個元標簽來實現這個目的，或者有一種技術來強制FB拉一個沒有正常加載的特定圖像？有沒有人對此有什么想法或最高提示？
是的，你可以設置一個meta標簽，這樣臉書就知道選擇哪張圖片了。
參見:https://developers.facebook.com/docs/opengraph/
具體來說，它是og:image屬性，它將告訴臉書的鏈接共享腳本選擇該圖像作為其縮略圖。
請記住，雖然臉書做了一些緩存，所以如果你已經分享了一次鏈接，它可能仍然“堅持”使用舊圖像。
你可以通過使用臉書網址鏈接器看到臉書從你的網站上得到了什么。見:http://developers.facebook.com/tools/lint/(使用的網址鏈接也將重建臉書的緩存)
有一個元標簽讓應用程序(像FB)知道你想要一個特定的圖像，而不是讓用戶選擇一個。
<link rel="image_src" href="http://link.to/image.png" />對于臉書來說，還有一種方法可以實現這一點，那就是使用開放圖協議。
您需要通過在html標簽中添加og名稱空間來為使用og:標簽準備您的網站:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#">然后，您可以像這樣使用og: Meta標記:
<meta property="og:title" content="Any title here" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://link.to/image.png" />臉書需要這六個og元標簽:
og:標題 og:類型 og:圖像 og:url og:站點名稱 og:admins或og:app_id 你可以在https://developers.facebook.com/docs/opengraph/找到更多的信息
就像其他人回答的那樣，但這只在我使用(https)時有效
<meta property="og:image" content="https://link.to/image.png" />代替
<meta property="og:image" content="http://link.to/image.png" />如果你確實喜歡一個img但是在css put中呢
#logo{
display: none; }
<img id="logo" src="yourlogohere.jpg">該圖像不會顯示在頁面上，但我不知道facebook是否會看到該圖像
如前所述:最好將metatag與og:image opengraph屬性一起使用。
除此之外:臉書不是唯一一個使用opengraph元標簽的平臺。還有Google+，或者Xing都比較喜歡。不確定其他人...
我的問題是:剪輯后需要多長時間？
謝謝你