鍍金池/ 問答/Java  HTML/ 這種效果如何實(shí)現(xiàn)？

這種效果如何實(shí)現(xiàn)？

請(qǐng)問這種效果如何實(shí)現(xiàn)，QQ聊天 為什么 有的時(shí)候發(fā)個(gè)鏈接 就是第一種形式，有的時(shí)候發(fā)個(gè)鏈接就是第二種形式？

clipboard.png

如何實(shí)現(xiàn)第二種形式？

更新：

以百度貼吧為例：

http://tieba.baidu.com/p/3746... 這個(gè)鏈接發(fā)在qq上 顯示如下

clipboard.png

clipboard.png

上面兩個(gè)部分有對(duì)應(yīng)關(guān)系， 自己看下。
但是我的網(wǎng)站也這樣寫就沒這個(gè)效果

回答
編輯回答
撿肥皂

只可能有兩種方案，一種是騰訊早先已經(jīng)抓取了這個(gè)鏈接的網(wǎng)頁(yè)內(nèi)容，提出Meta標(biāo)簽當(dāng)中title，抓出圖片生成了這么一張卡片卡片；還有一種可能就是各個(gè)網(wǎng)站和騰訊有合作，通過(guò)對(duì)接騰訊的開放平臺(tái)，自己上傳xml，當(dāng)中包括鏈接及對(duì)應(yīng)的title和圖片。
關(guān)于這個(gè)，對(duì)接騰訊開放平臺(tái)的具體文檔我沒找到，不過(guò)我做過(guò)SEM及SEO，各個(gè)搜索引擎搞得那套競(jìng)價(jià)排名、搜索排名，都是這樣弄的。

補(bǔ)充：
<title>標(biāo)簽中的內(nèi)容，是這個(gè)網(wǎng)頁(yè)提供給瀏覽器展示選項(xiàng)卡，如下：
clipboard.png

另外<title>也是提供給搜索引擎所展示的搜索結(jié)果標(biāo)題，而<meta name='description'>標(biāo)簽是提供給搜索引擎，描述了這個(gè)頁(yè)面主要是什么內(nèi)容：
clipboard.png

你這樣寫暫時(shí)沒有這個(gè)效果，可能是因?yàn)轵v訊的搜索引擎還沒來(lái)抓你的網(wǎng)頁(yè)，亦或他那邊處理需要時(shí)間，再或者是你還未提交xml，讓他來(lái)抓取。

2018年5月28日 23:01