溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

QQ/微信如何自定義分享鏈接縮略圖？

發(fā)布時(shí)間：2020-09-21 18:01:19 來(lái)源：網(wǎng)絡(luò) 閱讀：580 作者：四分可愛 欄目：移動(dòng)開發(fā)

我們每天都在逛QQ空間和朋友圈，細(xì)心的朋友一定會(huì)發(fā)現(xiàn)有的人分享的鏈接會(huì)顯示縮略圖，這樣可以吸引人點(diǎn)擊引來(lái)流量，其實(shí)QQ或者微信分享鏈接的縮略圖是可以自定義的，下面就教大家如何自定義QQ/微信分享鏈接縮略圖？


QQ/微信如何自定義分享鏈接縮略圖？

以前大家的做法是設(shè)置一張圖片放在網(wǎng)頁(yè)的body頂部，然后設(shè)置隱藏，代碼如下：


1.<!--QQ/微信分享標(biāo)題圖--><div ><img src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png"></div>


做SEO的都知道使用js或display:none等方法隱藏鏈接，從而使用戶在正常瀏覽網(wǎng)頁(yè)的時(shí)候無(wú)法看到這個(gè)鏈接，隱藏鏈接是被搜索引擎嚴(yán)令禁止的，一旦發(fā)現(xiàn)，懲罰將會(huì)非常嚴(yán)重，輕則降低網(wǎng)頁(yè)權(quán)重，重則清空網(wǎng)頁(yè)的索引記錄，所以不推薦使用這種方法，我們可以用如下方式實(shí)現(xiàn)類似效果：


1.<!--QQ/微信分享標(biāo)題圖--><div ><img src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png></div>


在QQ/微信中，我都親測(cè)可用，效果如下圖所示：

QQ/微信如何自定義分享鏈接縮略圖？

其實(shí)騰訊官方也給出了相關(guān)的文檔說(shuō)明，我們也可以借鑒參考：手機(jī)QQAPI-騰訊移動(dòng)Web開發(fā)平臺(tái)


// 另外使用meta同樣可以達(dá)到該接口的作用

?<meta itemprop="name" content="這是分享的標(biāo)題"/>

?<meta itemprop="image" content="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png" />

?<meta name="description" itemprop="description" content="這是要分享的內(nèi)容" />


GetwxLink

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手