51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

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

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

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

一段描述的话:

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

标题:

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

预览图:

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

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

赞(0)
未经允许不得转载:工具盒子 » HTML中自定义分享标题和描述及分享预览图