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