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

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

實現(xiàn)工具:GetwxLink

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

1.<!--QQ/微信分享標題圖--><div?style="display:none;"><img?src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png"></div>

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

1.<!--QQ/微信分享標題圖--><div?style="width:0px;height:0px;overflow:hidden;"><img?src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png></div>

在QQ/微信中,我都親測可用,效果如下圖所示:


其實騰訊官方也給出了相關的文檔說明,我們也可以借鑒參考:手機QQAPI-騰訊移動Web開發(fā)平臺

//?另外使用meta同樣可以達到該接口的作用

?<meta?itemprop="name"?content="這是分享的標題"/>

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

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

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容