分享网站内容到微信，就像下面图片一样显示网站有问题，不能分享，要怎么解决呀 手机不能分享网页和图片到微信好友了， 应该是手机的问题，我的...
\u7f51\u7ad9\u5206\u4eab\u5230\u670b\u53cb\u5708\u56fe\u7247\u4e0d\u663e\u793a\u8be5\u600e\u4e48\u529e\u5462\uff1f\u6807\u9898\uff1a\u4f1a\u53d6\u5f53\u524d\u9875\u9762title\u91cc\u9762\u7684\u5185\u5bb9\u3002
\u56fe\u7247\uff1a\u4f1a\u53d6\u5f53\u524d\u9875\u9762body\u5185\u6700\u524d\u9762\u7684\u4e00\u5f20\u7b26\u5408\u6761\u4ef6\u7684\u56fe\u7247\u3002
\u56fe\u7247\u89c4\u683c\u6709\u8981\u6c42\uff1a
\u5c3a\u5bf8\u5fc5\u987b\u5927\u4e8e\uff1a 300px \u00d7 300px
\u628a\u7b26\u5408\u4ee5\u4e0a\u4e24\u4e2a\u6761\u4ef6\u7684\u56fe\u7247\u653e\u5230\u91cc\uff0c\u653e\u5230\u9875\u9762\u5185\u7684\u6700\u524d\u9762\u3002
\u8fd9\u6837\u5206\u4eab\u65f6\u5c31\u4f1a\u53d6\u8fd9\u5f20\u56fe\u4f5c\u4e3a\u7f29\u7565\u56fe\u4e86\u3002
\u6362\u4e2a\u624b\u673a \u3002
如何实现分享网站文章到微信朋友圈时，显示指定缩略图或指定LOGO等通过微信公众平台发文章，需要登录微信公众平台，非常麻烦，而且不能同步到网站中，同一篇文章可能要在多在地方编辑发布，增加了人力和时间成本，有没有一劳永逸的办法呢？当然是有的，其中之一是做一个能在台式机、笔记本电脑、平板电脑、手机上显示出一致效果的网站（IT领域叫响应式网站或全屏幕适应网站），先在这个网站发布文章，然后通过在微信里扫描网址二维码，打开你的企业网站内页，就可以把网站上的文章分享到微信朋友圈了。
分享网站文章到微信朋友圈时，显示指定缩略图或指定LOGO，这样的好处很多，一是增加品牌的曝光率和美誉度（这是与你的网站发的网站直接相关的），二是可以增加网站的访问量，对于提高网站在搜索收获的收录及自然提名是很有好处的。但使用这种方法的企业经常会遇到这样的问题：1）文章中没有图片时分享出去的缩略图一栏是空白的（图片无法加载的那种情形），显示效果非常差；2）文章的图片无法被抓取成为缩略图；3）文章里有多张图片时自己想要设为封面的图片无法实现。
分享网页到微信朋友圈，怎样才能带缩略图？
微信官方没有公布其抓取缩略图的规则，有做这方面探索的人会发现自己发布在文章的图片有时会抓取，有时又被忽略，“时灵时不灵”，相当郁闷，其实，可以通过一些技术手段来利用朋友圈分享网页的规则，实现想达到的效果。具体方法如下：
1）如果你想在分享的文章中固定设置为贵公司的LOGO，可以在每一篇文章的内容中放一个隐藏的LOGO图片，记住，不要使用Display:none;的方法设置，只需把img的width和height属性都设置为0即可；
2）如果你希望文章有图片时抓取文章图片作为缩略图，内容中没有图片时默认使用公司的LOGO，则可以把隐藏的logo放到文章末尾，自然就能实现这样的效果了。
分享网站文章到微信朋友圈，缩略图片不显示的解决办法，实现分享网站文章到微信朋友圈时显示指定LOGO或缩略图的方法：
解决方法：
在我们的网站网页 html 代码中的<body>之后增加<img src=" 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这个地址改成你的图片地址。
通过这样弄，分享到微信朋友圈的网址文章就会显示缩略图，而且是显示文章内容中的第一张图片。
文章转载请注明来自天晟网络 > 建站经验 > 建站经验 >
标题：如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
加入以下代码，解决微信分享中的描述内容（原为网站地址）
<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>
绛旓細鍦ㄥ垎浜殑椤甸潰椤堕儴娣诲姞涓涓昂瀵镐负300*300鐨勫浘鐗囨爣绛(浣犳兂鏄剧ず鐨鍒嗕韩鍥剧墖)锛岀劧鍚庤缃竴涓媎isplay:none浣垮叾闅愯棌锛屽井淇浼氭姄鍘荤涓寮犵鍚堝昂瀵歌姹傜殑鐓х墖---杩欑鏂规硶琛屼笉閫氬暒锛屽井淇℃敼浜嗗垎浜鍒欍
绛旓細1銆侀鍏堝彲浠ユ煡鐪嬪井鍗氭柊闂汇寰俊璁㈤槄鍙枫佸叕浼楀彿娴忚鏌ョ湅鏂伴椈銆2銆佺劧鍚庢壘鍒拌嚜宸辨兂鏌ョ湅鐨勬柊闂伙紝鎰熻鍙互鍒嗕韩锛灏嗗叾鎵撳紑銆3銆佹墦寮鏂伴椈椤甸潰鍚庯紝鍦ㄩ〉闈腑鐐瑰嚮鍙充笂瑙掆滀笁鐐光濇爣蹇椼4銆佺劧鍚庡湪涓嬫媺鑿滃崟涓紝鎵惧埌骞堕夋嫨鍒嗕韩鍒鏈嬪弸鍦堛5銆佹渶鍚庡湪鎵撳紑鐨勯〉闈腑锛屾牴鎹嚜宸遍渶瑕佽緭鍏ョ浉搴旂殑鍒嗕韩鐞嗙敱锛岀劧鍚庣偣鍑诲彸涓婅鐨勫彂閫侊紝...
绛旓細鍒嗕韩绗笁鏂缃戠珯骞朵笖瑕佹樉绀虹缉鐣ュ浘濡傛灉鑷繁鍋氶渶瑕佹弧瓒充袱涓潯浠 绗竴锛氭湁鍏紬鍙 绗簩锛氭湁澶囨鐨勫煙鍚 濡傛灉娌℃湁涓婇潰鎵璇寸殑锛屽彲浠ョ湅涓嬮潰锛浠涔堥兘涓嶉渶瑕侊紝澶х害10鍒嗛挓鍙悶瀹
绛旓細3銆佺敤JPG鍥剧墖,濡傛灉鏍煎紡鏄痯ng鐨勶紝寰俊鏈嬪弸鍦堝彲鑳戒細鐩存帴鎶婁粬蹇界暐浜嗐4銆亀idth鍜宧eight閮借涓0锛宻tyle涓嶈兘璁剧疆涓篋isplay:none銆5銆佹妸http://www.timsion.com/images/logo.jpg杩欎釜鍦板潃鏀规垚浣犵殑鍥剧墖鍦板潃銆傞氳繃杩欐牱寮锛屽垎浜埌寰俊鏈嬪弸鍦堢殑缃戝潃鏂囩珷灏变細鏄剧ず缂╃暐鍥撅紝鑰屼笖鏄樉绀烘枃绔鍐呭涓殑绗竴寮犲浘鐗囥
绛旓細4銆佺劧鍚庤烦杞鍒板井淇椤甸潰锛岀偣鍑诲垱寤烘柊鑱婂ぉ銆5銆佽緭鍏ヨ鍒嗕韩鐨勫ソ鍙嬪悕瀛楋紝鐐瑰嚮璇ュソ鍙嬪ご鍍忋6銆佸氨瑕佺湅鐪嬩綘鏄缁欏嚑涓ソ鍙鍒嗕韩锛娣诲姞鐨勫ソ鍙嬩細鏄剧ず鍦ㄦ渶涓嬮潰锛濡傛灉鏄竴涓殑璇濓紝鐐瑰嚮纭畾銆7銆佹帴鐫浼氳烦杞埌鍒嗕韩鐨勭獥鍙ｏ紝鐐瑰嚮鍒嗕韩銆傚彲浠ヨ緭鍏ュ垎浜殑鐞嗙敱銆8銆佹彁绀哄凡鍙戦侊紝杩斿洖绗笁鏂瑰伐鍏凤紝灏辨槸鍥炲埌浣犲垰鎵撳紑鐨缃戠珯椤甸潰...
绛旓細鐐瑰嚮寰俊鍥炬爣;鐐瑰嚮绠ご鎵鎸囩殑鈥+鈥濆彿;鐐瑰嚮鈥滄壂涓鎵;瀵瑰噯缃戠珯涓婄殑鍒嗕韩浜岀淮鐮;鍑虹幇缃戠珯涓婅鍒嗕韩鐨勫唴瀹逛簡锛岀偣鍑荤澶存墍鎸囩殑浣嶇疆;鐐瑰嚮鈥鍒嗕韩鍒鏈嬪弸鍦堚;杈撳叆鎯宠璇寸殑鍐呭锛鐐瑰嚮鈥滃彂閫佲;鍒嗕韩鎴愬姛浜嗐傜偣鍑诲井淇″浘鏍;鐐瑰嚮绠ご鎵鎸囩殑鈥+鈥濆彿;鐐瑰嚮鈥滄壂涓鎵;瀵瑰噯缃戠珯涓婄殑鍒嗕韩浜岀淮鐮;鍑虹幇缃戠珯涓婅鍒嗕韩鐨勫唴瀹逛簡锛...
绛旓細1銆佸湪娴忚缃戦〉鐨勮繃绋嬩腑锛岀偣鍑婚夋嫨瑕鍒嗕韩鐨勪俊鎭2銆佽繖鏃讹紝鍦ㄩ〉闈㈢殑涓嬫柟鍑虹幇鍔熻兘鍥炬爣锛岀偣鍑婚夋嫨涓棿鐨勨滀笁鈥濆瓧鍥炬爣銆3銆佹鏃讹紝鎵嬫満灞忓箷涓嬫柟鍑虹幇鑿滃崟閫夐」锛岄夋嫨鍒嗕韩鍥炬爣銆4銆佺劧鍚庡湪鍑虹幇鐨勫涓夐」涓紝閫夋嫨鈥寰俊鏈嬪弸鍦堚濆浘鏍囥5銆佽繖鏃讹紝鎵嬫満鑷姩璺宠浆鍒板彂琛ㄥ井淇¤璇寸殑椤甸潰锛岀洿鎺ョ偣鍑婚〉闈㈠彸涓婅鐨勨滃彂閫佲濆嵆鍙...
绛旓細棣栧厛杩涘叆瑕佸垎浜殑椤甸潰锛屾墦寮锛屽彸涓婅浼氱湅鍒颁笁涓珫鐫鎺掑垪鐨勫皬鐐癸紝鐐硅繖涓変釜灏忕偣銆涓嬮潰浼氬嚭鐜颁竴浜涘浘鏍囷紝鎸夌収鍥炬爣鎻愮ず閫夋嫨瑕佸垎浜殑閫夐」灏辫浜嗐傚熀鏈笂甯哥敤鐨勬槸鈥滃彂閫佺粰鏈嬪弸鈥濆拰鍒嗕韩鍒鏈嬪弸鍦堚滆繖涓や釜閫夐」 鐐瑰嚮鈥濆彂閫佺粰鏈嬪弸鈥滐紝鍦寰俊閫氳褰曢噷鎵惧嚭瑕佸垎浜殑浜猴紝閫夋嫨灏卞彲浠ユ妸鏂囩珷鍒嗕韩鍑哄幓浜嗐
绛旓細4銆佹帴鐫寰俊浼氬脊鍑哄彂琛ㄦ枃瀛楃殑瀵硅瘽妗嗭紝浠ュ湪杩欓噷杈撳叆鎻忚堪鏂囧瓧鍜岀綉椤电殑缃戝潃銆傚唴瀹瑰啓濂戒互鍚庯紝鐐瑰嚮鍙充笂瑙掕摑鑹茬殑鈥滃彂閫佲濇寜閽嵆鍙紝5銆佺偣鍑诲垰鍒氬垎浜殑缃戦〉缃戝潃锛灏卞彲浠ョ洿鎺ユ墦寮鏌ョ湅璇缃戦〉鍐呭浜嗭紝鏂规硶浜屻侀氳繃鎷疯礉鏉ュ垎浜 1銆佹瘮濡傚湪娴忚鍣ㄦ墦寮浜嗕竴涓綉椤碉紝鎯虫妸杩欎釜缃戦〉鍒嗕韩鍒鏈嬪弸鍦堛傝繖閲屼互 iPhone 鑷甫鐨勬祻瑙堝櫒...
绛旓細1銆侀鍏堢櫥褰135缂栬緫鍣ㄥ畼缃戙2銆佸叾娆″湪缂栬緫鍣ㄥ唴鐩存帴寮濮嬫挵鍐欏浘鏂鍐呭锛鍒╃敤鏍峰紡瀵逛笉鍚岀殑鍐呭鎺掔増锛岄夋嫨鍚堥傜殑鏍峰紡锛岄変腑鍐呭锛岀偣鍑荤銆3銆佹渶鍚庣偣鍑鍒嗕韩锛閫夋嫨寰俊鍗冲彲銆
