當下朋友圈很火，很多企業都將微信朋友圈作爲品牌傳播的途徑，經常會發一些精彩的文章到微信朋友圈供大家自發傳播，這樣的想法很好，對於優質的內容，網友們也樂於轉發與朋友們分享，對品牌宣傳與推廣確實是有好處的。
現在微信是時下最流行的社交媒體，只要有一個手機，就可以輕鬆玩轉微信，所以，微信推廣就成了站長朋友或微商們的一個非常重要的一個手段。如果你是一個站長，在分享自己網站文章到微信朋友圈時，可能會碰到一個奇怪的問題——分享網站文章到微信朋友圈縮略圖卻不顯示（如下圖，標紅處就沒有顯示文章圖片），分享網站文章到微信朋友圈，縮略圖片不顯示,怎麼回事？ 怎樣實現分享網站文章到微信朋友圈時指定縮略圖？
微信朋友圈：
分享網站文章到微信朋友圈,縮略圖片不顯示,怎麼回事? 怎樣實現分享網站文章到微信朋友圈時指定縮略圖？
如何實現分享網站文章到微信朋友圈時，顯示指定縮略圖或指定LOGO等
通過微信公衆平臺發文章，需要登錄微信公衆平臺，非常麻煩，而且不能同步到網站中，同一篇文章可能要在多在地方編輯發佈，增加了人力和時間成本，有沒有一勞永逸的辦法呢？當然是有的，其中之一是做一個能在臺式機、筆記本電腦、平板電腦、手機上顯示出一致效果的網站（IT領域叫響應式網站或全屏幕適應網站），先在這個網站發佈文章，然後通過在微信裏掃描網址二維碼，打開你的企業網站內頁，就可以把網站上的文章分享到微信朋友圈了。
分享網站文章到微信朋友圈時，顯示指定縮略圖或指定LOGO，這樣的好處很多，一是增加品牌的曝光率和美譽度（這是與你的網站發的網站直接相關的），二是可以增加網站的訪問量，對於提高網站在搜索收穫的收錄及自然提名是很有好處的。但使用這種方法的企業經常會遇到這樣的問題：1）文章中沒有圖片時分享出去的縮略圖一欄是空白的（圖片無法加載的那種情形），顯示效果非常差；2）文章的圖片無法被抓取成爲縮略圖；3）文章裏有多張圖片時自己想要設爲封面的圖片無法實現。
分享網頁到微信朋友圈，怎樣才能帶縮略圖？
微信官方沒有公佈其抓取縮略圖的規則，有做這方面探索的人會發現自己發佈在文章的圖片有時會抓取，有時又被忽略，“時靈時不靈”，相當鬱悶，其實，可以通過一些技術手段來利用朋友圈分享網頁的規則，實現想達到的效果。具體方法如下：
1）如果你想在分享的文章中固定設置爲貴公司的LOGO，可以在每一篇文章的內容中放一個隱藏的LOGO圖片，記住，不要使用Display:none;的方法設置，只需把img的width和height屬性都設置爲0即可；
2）如果你希望文章有圖片時抓取文章圖片作爲縮略圖，內容中沒有圖片時默認使用公司的LOGO，則可以把隱藏的logo放到文章末尾，自然就能實現這樣的效果了。
分享網站文章到微信朋友圈，縮略圖片不顯示的解決辦法，實現分享網站文章到微信朋友圈時顯示指定LOGO或縮略圖的方法：
解決方法：
在我們的網站網頁 html 代碼中的<body>之後增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />
注意事項：
1、這個logo.jpg圖片尺寸不能太小，在120*100以上就可以了。
2、圖片放到了body之後，微信應該會默認取頁面中第一種圖片。
3、用JPG圖片,如果格式是png的，微信朋友圈可能會直接把他忽略了。
4、width和height都設爲0，style不能設置爲Display:none。
5、把http://www.timsion.com/images/logo.jpg這個地址改成你的圖片地址。
通過這樣弄，分享到微信朋友圈的網址文章就會顯示縮略圖，而且是顯示文章內容中的第一張圖片。
加入以下代碼，解決微信分享中的描述內容（原爲網站地址）
<script type="text/javascript">
var tit = $('#wx-title').val(); //標題
var img = $('#wx-img').val(); //圖片
var con = $('#wx-con').val(); //簡介
var link = $('#wx-link').val(); //鏈接
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 發送給好友
WeixinJSBridge.on('menu:share:appmessage', function (argv) {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": "123",
"img_url": img,
"img_width": "160",
"img_height": "160",
"link": link,
"desc": con,
"title": tit
}, function (res) {
_report('send_msg', res.err_msg);
})
});
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function (argv) {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": img,
"img_width": "160",
"img_height": "160",
"link": link,
"desc": con,
"title": tit
}, function (res) {
_report('timeline', res.err_msg);
});
});
}, false)
</script>