分享网页到微信、QQ时,微信、QQ会拉取页面上的图片、标题、描述信息来形成一个消息;如下图:
微信获取标题和图片的规则:
标题:会取当前页面title里面的内容。
图片:会取当前页面body内最前面的一张符合条件的图片。
图片规格有要求:尺寸必须大于: 300px * 300px;且display不是none;如果不想把图片显示在页面中,可以放在容器里面,然后容器隐藏或者 设置img 的width和height为0;
把符合以上两个条件的图片放到<img>里,放到页面<body>内的最前面。
QQ获取分享信息的规则在QQ开放平台里面有具体说明:
http://open.mobile.qq.com/api/mqq/index
<meta itemprop="name" content="这是分享的标题"/>
<meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
<meta name="description" itemprop="description" content="这是要分享的内容" />