《如何讓你的網(wǎng)站網(wǎng)頁鏈接分享到微信時(shí),能正確顯示標(biāo)題、縮略圖》要點(diǎn):
本文介紹了如何讓你的網(wǎng)站網(wǎng)頁鏈接分享到微信時(shí),能正確顯示標(biāo)題、縮略圖,希望對(duì)您有用。如果有疑問,可以聯(lián)系我們。
相關(guān)主題:HTML和JS入門
當(dāng)你的網(wǎng)頁被分享到微信上,標(biāo)題、縮略圖、簡(jiǎn)介三項(xiàng)很重要。
對(duì)于標(biāo)題和縮略圖,可以這樣設(shè)置:
標(biāo)題:會(huì)取當(dāng)前頁面title里面的內(nèi)容。
圖片:會(huì)取當(dāng)前頁面body內(nèi)最前面的一張符合條件的圖片。
圖片尺寸必須大于: 300px × 300px 把符合以上兩個(gè)條件的圖片放到<img>里,放到頁面<body>內(nèi)的最前面。
這樣分享時(shí)就會(huì)取這張圖作為縮略圖了。
你可以放一張符合條件的圖在body后面隱藏起來,但是要注意的是,下面兩種做法,div標(biāo)簽隱藏有效,如果直接在img標(biāo)簽上做display:none,將不會(huì)有效。
【這樣可以】
<div style="display: none"> <img src="/images/img.jpg" /> </div>
【這樣不行】
<img src="/images/img.jpg" style="display: none" />
網(wǎng)上有這種做法:
在<head></head>標(biāo)簽內(nèi)加上一個(gè)meta標(biāo)簽
<meta name="sharecontent" data-msg-img="你的縮略圖地址" data-msg-title="你的標(biāo)題" data-msg-content="你的簡(jiǎn)介" data-msg-callBack="" data-line-img="你的縮略圖地址" data-line-title="你的標(biāo)題" data-line-callBack=""/>
這個(gè)沒有用,不會(huì)有效。
對(duì)于簡(jiǎn)介,要用微信公眾號(hào)的JS-SDK開發(fā)了。另文。
轉(zhuǎn)載請(qǐng)注明本頁網(wǎng)址:
http://www.fzlkiss.com/jiaocheng/14458.html