QQ分享网站地址显示自定义的缩略图标题和介绍1.webp


QQ分享网站地址显示自定义的缩略图标题和介绍

代码如下:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- 分享显示的标题-->
    <meta itemprop="name" content="可乐云小站" />
    
    <!-- 分享显示的缩略图-->
    <meta itemprop="image" content="https://www.kljs6.com/logo1.webp" />
    
    <!-- 分享显示的简介-->
    <meta name="description" itemprop="description" content="百度搜索可乐云小站" />
    

    <meta name="description" content="">
    <meta name="author" content="">
    <title>可乐云小站</title>
</head>

只需要修改上列代码中name、image、description的描述内容即可

标题:会取当前页面title里面的内容。
图片:会取当前页面body内第一张符合条件的图片。
图片要求:
尺寸必须大于: 300px × 300px


效果图

QQ分享网站地址显示自定义的缩略图标题和介绍.webp

最后修改:2022 年 05 月 06 日
如果觉得我的文章对你有用,请随意赞赏