网站自定义QQ分享网址显示卡片内容

「已注销」

于 2023-03-26 13:35:56 发布

阅读量2.7k

点赞数 1

文章标签： html servlet 前端

本文链接：https://blog.csdn.net/Microacn/article/details/129778542

版权

Code column 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

当在QQ中分享网站时，可以使用HTML的meta标签来指定分享的标题、描述和缩略图，确保内容呈现符合预期。通过设置`itemprop`属性，如`<metaitemprop=namecontent=网页标题>`,`<metaitemprop=descriptioncontent=网页描述>`,和`<metaitemprop=imagecontent=缩略图>`,可以控制分享到QQ时的信息显示。

摘要由CSDN通过智能技术生成

简介：

QQ内分享网站时，标题、描述能正常抓取，而缩略图常不能，或者抓取的图片我们不喜欢。下面代码可实现自定义，分享给好友则会展示设置好的标题、描述和缩略图。

代码：

<meta itemprop="name" content="网页标题">
<meta itemprop="description" content="网页描述">
<meta itemprop="image" content="缩略图">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

如何在微信自定义链接分享内容,图文链接xml卡片生成代码,制作微信卡片实现自定义标题,描述,缩列图以供转发

weixin_43984453的博客

06-03

6049

问题背景微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的html5各位可能也是天天见了, 如图,像这种吓人的标题党的风格如何制作QQ和微信图文链接, 是这个营销手段的必要技术问题. 考虑一下不太过分的一下场景线下活动链接很多做推广活动链接的商家，都需要通过活动标题+内容简介+场景小图吸引目标用户. 游戏下载推广很多做游戏的商家，应该都知道分享裸链接的转化率很低，但是用图文链接转化率会高很多. 信息流广告信息流广告的转化基本取决于文案，但是如何吸引用户点击观看是引流的第一步，图文链接可

H5页面-自定义微信分享卡片

weixin_42269070的博客

08-27

2626

图标统计类官方文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html. 第一步：公众号登录微信公众平台；第二步：设置——公众号设置——功能设置——JS接口安全域名——设置得下图：第三步：引入JSSDK文件 <script src="//res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> wechatConfig()方法作用：请求

参与评论您还未登录，请先登录后发表或查看评论

QQJSON卡片代码大全

10-08

你们可以选择这里看看不断的更新哦不断挑战你一定可以学会的啦

qq 发送链接自动解析描述

bwcx_jzy 的博客

09-27

4721

我们在qq 聊天中有时候给朋友发一个链接，我们看到的是卡片类型如图：但是我们可不可以自定义qq 聊天链接信息呢，答案是可以的如图：要实现这个自定义很简单，我们就只需要在html head 中增加如下代码：<meta itemprop="name" content="这里是标题" /> <meta itemprop="description" content="这里是描述" /> <meta it

实现h5网页在手机QQ中以卡片的方式分享出去！

最新发布

Re5urgam的博客

12-06

2018

在使用QQ进行聊天的过程中，发送自己网页的链接时（不是打开网站后分享给好友，单单指将网页链接以文本的形式发送出去），默认情况下是不会以卡片形式显示的，那么如何让别人看到的是卡片呢。方法一：使用【小狐工具箱】把链接转换成卡片样式: 小狐工具箱-图文卡片制作工具。方法二：如果有开发工作人员，参考下方代码开发即可：有时候在交流群里，看到别人发自己的网站网站都显示一个网址小卡片，感觉非常的炫酷，其实这非常简单，我们只要强制让腾讯来抓我们的网站页面，就可以在QQ显示炫酷小卡片了！下面教大家怎么让腾讯来抓我们的网站页

QQ环境下分享自定义内容

博客

11-01

344

QQ环境下分享自定义内容

QQ图文分享卡片如何制作，将链接转换为可编辑图文卡片

Re5urgam的博客

12-02

3308

我们在QQ单聊/群聊中发送链接时，可能展现效果不是很好，那么本教程教您如何制作QQ图文分享卡片。

QQ/微信如何自定义分享链接缩略图？

weixin_34187862的博客

04-29

162

我们每天都在逛QQ空间和朋友圈，细心的朋友一定会发现有的人分享的链接会显示缩略图，这样可以吸引人点击引来流量，其实QQ或者微信分享链接的缩略图是可以自定义的，下面就教大家如何自定义QQ/微信分享链接缩略图？以前大家的做法是设置一张图片放在网页的body顶部，然后设置隐藏，代码如下：1.<div style="display:...

【QQ】js实现分享到QQ

qq_25285531的博客

04-28

787

js代码 <script src="http://connect.qq.com/widget/loader/loader.js" widget="shareqq" charset="utf-8"></script> <script type="text/javascript"> (function(){ var p = { url:...

QQ,微信实现自定义分享

qq_34117170的博客

11-02

2189

在我们做项目的时候经常会要求可以自定义分享 QQ分享引入 <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script> //QQ分享 setShareInfo( { ...

QQ名片生成器

04-18

QQ名片生成器

微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解

01-19

自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: '', // 分享标题 desc: '', // 分享描述 link...

自定义QQ和微信分享卡片

大众美男典范

12-14

2914

本文介绍自定义微信分享卡片和自定义QQ分享卡片分别所用的两种方式，完整代码链接放在文章末尾。 自定义分享卡片有两种方式：通过JS-SDK实现和通过修改meta标签实现。实践证明，使用JS-SDK的方式适用且仅适用于自定义微信分享卡片，修改meta标签的方式适用且仅适用于自定义qq分享卡片。特此美文，献给想两全其美的你。 自定义微信分享卡片 自定义微信分享卡片使用JS-SDK的方式，总共分三步： 1. 引入weixin-js-sdk import wx from 'weixin-js-sdk' //.

将网页分享至QQ或QQ空间

相逢不晚的博客

02-25

1645

1、放置分享按钮 <button onclick='ShareUtil.shareToQQ({ url: "", title: "", summary: "", desc: "", pics: "" })'> /button> 2、核心JavaScript <script> var ShareUtil = { ...

网站分享--QQ\微信\微博分享

weixin_45345555的博客

04-11

244

网站分享功能—分享到QQ微博微信下面展示一些内联代码片。 <div class="floatbox" id="floatbox"> <div class="flb" data-toggle="modal" data-target="#myWeixin" onclick="wx()"> <img src="${path}/association/images/weixin.png" /> <p>微信</p&gt

QQ分享-定制分享卡片

weixin_34062329的博客

06-07

904

一般H5页面在进行分享的时候，都会生成一个分享卡片，但是这些卡片的生成是很多时候是我们是想要生成的卡片，对于QQ，我们只需要在html页面里加如3个标签即可，如下： <meta itemprop="description" name="description" content="分享描述"/> <meta itemprop="name" content=...

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