前言

卡片化可以方便用户更加简单直接的获取到你网页当中的内容,吸引用户点击进去查看更详细的信息

实现

方式一:

通过设置页面的<meta>标签去获取:

<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>阿里云创新赋能平台聊城站</title><meta name="keywords" content="阿里云创新赋能平台聊城站"><meta name="description" content="基于互联网、云计算、大数据等创新科技,通过全方位赋能体系,为企业提供一站式、全周期、高品质的创新服务">
</head>

设置完keywordsdescription就可以使用了,但是右边的头像就获取不到,需要在body中加一个你想要展示的图片<img src="https://img.alicdn.com/tfs/TB1CKJawKL2gK0jSZFmXXc7iXXa-104-104.png" alt="" srcset="" style="display: none;"> 它会默认抓取你的第一张图片

方式二:
相关链接:

OGP:SEO优化开放内容OG协议
钉钉开放平台连接地址

<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>阿里云创新赋能平台聊城站</title><meta property="og:title" content="阿里云创新赋能平台聊城站" /><meta property="og:url" content="http://www.example.com/" /><meta property="og:image" content="https://img.alicdn.com/tfs/TB1CKJawKL2gK0jSZFmXXc7iXXa-104-104.png" /><meta property="og:description" content="1基于互联网、云计算、大数据等创新科技,通过全方位赋能体系,为企业提供一站式、全周期、高品质的创新服务" />
</head>

下面是方式一和方式二的对比图:

其实还是比较简单的,一般的页面都会没爬取到并展示出来响应的,其实最重要的是下面注意的点

注意

1.分享的必须是个网址(域名),如果是ip它不会自动的去解析。
2.如果你修改了meta中的内容没有改变,那么建议 你清除一下钉钉软件的缓存(被坑坏了)

钉钉PC端聊天中分享的网址生成卡片相关推荐

  1. 计算机中xp系统中qq文件,PC端QQ中的腾讯文档怎么使用

    PC端QQ中的腾讯文档怎么使用 腾讯视频/爱奇艺/优酷/外卖 充值4折起 今天给大家介绍一下PC端QQ中的腾讯文档怎么使用的具体操作步骤. 1. 首先打开电脑上的QQ软件,登录进入主面板后,点击底部的 ...

  2. PC端视频中语音实时转文字

    PC端视频中语音实时转文字 Win系统语音功能设置 设置哪些软件可以使用麦克风 设置语音输入来源 全局设置 局部软件设置 总结 TOC PC端视频中语音实时转文字 我比较喜欢看视频来学习,特别是那些基 ...

  3. 如何实现自定义倍速播放PC端浏览器中的视频

    如何实现自定义倍速播放PC端浏览器中的视频 随机打开一个有视频的浏览器 按键[F12]弹出窗口 点击console或控制台 在红框处输入代码 document.querySelector(" ...

  4. pc端常用的分享QQ、QQ空间、微信、微博、复制链接

    pc端常用的分享QQ.QQ空间.微信.微博.复制链接 网上太多的关于这个的了,但是都没有符合我要求的插件.只好自己写,顺带分享出来给小白们 直接上代码了用的是最基础的代码 这个下载好放到对应的位置 q ...

  5. 如何在PC端应用中运行小程序?

    小程序逐渐打通所有应用场景,打破移动端和PC端的边界,解决了频繁在桌面设备和移动设备间跳转带来的「割裂感」,使用户在办公.学习.娱乐时带来极大便利.在未来,小程序将成为万物互联的连接器,打破物理边界. ...

  6. 在PC端应用中运行小程序 没你想得那么难

    互联网时代下,小程序逐渐打通所有应用场景,打破移动端和PC端的边界,解决了频繁在桌面设备和移动设备间跳转带来的「割裂感」,使用户在办公.学习.娱乐时带来极大便利.在未来,小程序将成为万物互联的连接器, ...

  7. 新闻资讯类网站的PC端前台模板分享

    PC端新闻资讯模板 背景 效果图 技术方案选型过程 方案敲定 结语 背景 我同学公司需要开发一个pc端的新闻咨询网址,后端和app端都有了,具体一点就是已经有了后台监控和发布系统,并且实现了手机app ...

  8. PC端聊天机器人界面

    实现效果: 直接上代码: <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...

  9. pc端微博分享 html,新浪微博发布PC端网页版V6版本 信息流呈现卡片化

    今日,微博正式对外发布PC端V6版本.新版微博的整体风格更为简洁,其中,PC端的微博信息流将和移动端一样,以卡片的形式出现. 微博副总经理林水洋在会上指出,微博用户的兴趣点已经由关注热点事件以及明星动 ...

最新文章

  1. 史上最简洁的UITableView Sections 展示包含NSDicionary 的NSArray
  2. R语言使用ggplot2可视化堆叠条形图,并在堆叠条形图上显示数据值实战
  3. java request get json数据_Java中,获取request中json数据
  4. [BUUCTF-pwn]——others_shellcode
  5. WebKit Layout 数据结构
  6. python多个函数_什么是在Python中使用多个构造函数的干净的、pythonic的方法?
  7. PHP5比PHP4,php4和php5的配置异同比较
  8. c++exe程序在别人电脑上双击无法打开_Windows10电脑磁盘占用率过高,用这二招轻松解决...
  9. 【python笔记】异常
  10. 基于深度学习的大豆病虫害自动计数(SLIC超像素方法进行图像分割)
  11. 斯蒂芬-如何选择约会地点大大增加约会成功机率的干货贴
  12. C# 插入、删除Excel分页符
  13. 一文读懂机器学习分类全流程
  14. DDPM代码详细解读(1):数据集准备、超参数设置、loss设计、关键参数计算
  15. 用Python把20年的GDP、人口以及房价数据进行了可视化
  16. SQL查询语句复习题
  17. 河北省 河南省 安徽省 黑龙江省 辽宁省 吉林省 贵州省 陕西省 山东省 云南省 广西省二级建造师 一级建造师...
  18. git上传本地工程到码云上,报错: ! [rejected] master - master (non-fast-forward) error: failed to push some
  19. Xamarin:使用C#移植Android操作系统
  20. matlab sdm,SDM For Face Alignment 流程介绍及Matlab代码实现之预处理篇

热门文章

  1. leetcode 字符串中的变位词
  2. nginx-1.14.0配置文件 配置域名转发到端口
  3. selenium爬虫:一行代码去掉所有webdriver痕迹
  4. 台湾珍珠奶茶技术配方
  5. 前端界面设计流程与原则
  6. usg防火墙安全策略配置
  7. ZCU106--PL+PS点灯
  8. string::npos的用法
  9. 解决Vue数组更新不渲染的问题
  10. 陈伟视频(1~5集)