美文网首页
分享网页到微信朋友圈,如何设置标题和缩略图?

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

作者: gzgogo | 来源:发表于2016-06-15 18:03 被阅读8084次

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

图片规格有要求:

  1. 尺寸必须大于: 300px × 300px
  2. 正方形

把符合以上条件的图片放到<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>

相关文章

网友评论

      本文标题:分享网页到微信朋友圈,如何设置标题和缩略图?

      本文链接:https://www.haomeiwen.com/subject/airpdttx.html