分享网页到微信朋友圈，如何设置标题和缩略图？

标题：会取当前页面title里面的内容。标题不能过长，否则会有省略号，三十字以内是最佳了。
图片：会取当前页面body内最前面的一张符合条件的图片。

图片规格有要求：

尺寸必须大于： 300px × 300px
正方形

把符合以上条件的图片放到<img>里，放到页面<body>内的最前面。
这样分享时就会取这张图作为缩略图了。

示例：

<body>
  <!--网页中紧接着<body>加一个-->
  <div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
    <!--图片宽高大于400px，最好是一个正方形的图片-->
    <img src="" width='700'>
  </div>
  ...
</body>

分享到钉钉时，图片的路径需要使用绝对路径，如下代码可以支持微信朋友圈和钉钉：

<body>
  <div style="margin:0 auto;width:0px;height:0px;overflow:hidden;">
    &lt;img src="http://www.abc.com/a.png" width='700'&gt;
  </div>
  ...
</body>

最后编辑于：2017.12.03 06:43:58

分享网页到微信朋友圈，如何设置标题和缩略图？

推荐阅读更多精彩内容