微信分享縮略圖,如何增加微信朋友圈分享鏈接的小圖片? facebook、google+、twitter等分享的標簽


微信分享縮略圖

如何增加微信朋友圈分享鏈接的小圖片?
在網頁的頭部<head>標簽內加上以下代碼,圖片路徑自行修改。
<head>
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='/images/pic300.jpg' />
</div>
</head>

制作像素是 300*300px的圖片,命名為pic300.jpg。將圖片放到步驟一對應的路徑下,或者用完整URL形式。
保存好文件后,就可以分享到朋友圈了。此時分享的網頁鏈接就會有小圖片顯示了。

注意:
必須放在head標簽內,div的id必須是wx_pic,圖片比例300px左右,1:1左右比例才能正常顯示。
尺寸必須是300*300像素或者是1:1左右正方形的比例,否則在iphone手機上很可能顯示不出來。

另:facebook、google+、twitter等分享的標簽為:
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.xxx.com/xxx" />
<meta property="og:title" content="xxx" />
<meta property="og:description" content="xxx..." />
<meta property="og:image" content="http://xxx" />

新浪微博更新時間標簽:
<meta name="weibo: article:create_at" content="2016-01-29 11:40:03 +0800" />
<meta name="weibo: article:update_at" content="2016-01-29 11:41:23 +0800" />

 

------------------------------

 

本人微信公眾帳號: 心禪道(xinchandao)

本人微信公眾帳號:雙色球預測合買(ssqyuce)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM