胖蒜

分享有价值的资源

移动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

感觉很棒,欢迎点赞 OR 打赏~

分享到:

评论 (0)

立即登录评论
马上咨询 在线工单