胖蒜网

VMay 17, 2020

移动web/h5网页分享到qq,配置标题,内容,图片


网站内容分享的时候,很大部分都是分享到微信,QQ之类,一般都是直接复制粘帖链接,这种方式太简陋,还有一种方法分享后带有网页标题,图片和简述,这里来介绍一下这种方式的实现方法。

在网页头部,head里面加下面代码:

  <meta itemprop="name" content="这是分享的标题"/>
  <meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
  <meta name="description" itemprop="description" content="这是要分享的内容" />

这样QQ内置分享会从这里读取,从而达到下面的效果:
网页QQ分享效果
在电脑端显示的效果是这样的:
QQ分享电脑端效果

您的大名:
万水千山总是情,给个打赏行不行。 打赏
原创文章,作者:胖蒜网,如若转载,请注明出处:https://pangsuan.com/p/meta-itemprop.html
203

发表评论