HTML中自定义分享标题和描述及分享预览图

在我们平常使用手机或者电脑分享一个网页到微信或者QQ的时候，会发现显示的不是http的链接，而是显示标题和描述还有一张预览图，这些是怎么设置的，调用的是哪里的呢，今天小编来告诉大家。

其实这些都是在html页面的head标签里面

一段描述的话：

<meta name="description" itemprop="description" content="这里是自定义分享的描述">

标题：

<meta itemprop="name" content="这里是标题">

预览图：

<meta itemprop="image" content="你的预览图片地址">

所以如果想实现自定义的效果，只需要在head标签内添加以上三段代码，并修改为自定义的内容就可以了。