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

2022-10-26 16:24:50 浏览数 (1)

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

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

一段描述的话:

代码语言:javascript复制
<meta name="description" itemprop="description" content="这里是自定义分享的描述">

标题:

代码语言:javascript复制
<meta itemprop="name" content="这里是标题">

预览图:

代码语言:javascript复制
<meta itemprop="image" content="你的预览图片地址">

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

0 人点赞