收藏
回答

APP分享h5链接,怎么以分享卡片的形式呈现而不是以链接形式呈现呢?

APP分享h5链接,怎么以分享卡片的形式呈现而不是以链接形式呈现呢?

H5页面需要接入微信公众号吗,才能实现分享卡片形式呈现APP分享h5链接,怎么以分享卡片的形式呈现而不是以链接形式呈现呢?



回答关注问题邀请回答
收藏

2 个回答

  • horse solider
    horse solider
    02-02

    域名先备案,网页代码里加入微信的OPG协议即可。

    <head>
      <!-- 基础编码,避免爬虫抓取内容乱码(必须) -->
      <meta charset="UTF-8">
      <!-- 1. OGP核心:网页类型,微信固定识别为website(网站)/article(文章,公众号图文优先用) -->
      <meta property="og:type" content="website">
      <!-- 2. OGP核心:卡片标题,微信聊天/朋友圈卡片顶部显示(建议15-20字,过长会截断) -->
      <meta property="og:title" content="你的网页核心标题(适配微信)">
      <!-- 3. OGP核心:卡片描述,标题下方的简介(建议30-50字,微信会自动截断多余内容) -->
      <meta property="og:description" content="你的网页核心描述,简要说明内容价值,适配微信转发场景">
      <!-- 4. OGP核心:卡片缩略图(微信卡片最关键!直接决定是否显示图文卡片) -->
      <meta property="og:image" content="https://你的域名/缩略图地址.jpg/png">
      <!-- 5. OGP核心:网页原始链接,必须与转发链接完全一致(完整HTTPS地址,含域名/路径) -->
      <meta property="og:url" content="https://你的域名/完整网页地址.html">
      <!-- 6. 基础网页标题,兼容微信低版本解析(与og:title一致即可) -->
      <title>你的网页核心标题(适配微信)</title>
    </head>
    
    02-02
    有用
    回复 5
    • aeri
      aeri
      02-02
      你好,我放了图片,但是图片并没有出来
      02-02
      回复
    • horse solider
      horse solider
      02-04回复aeri
      要https的Url图片地址
      02-04
      回复
    • aeri
      aeri
      02-04
      是https的图片
      02-04
      回复
    • aeri
      aeri
      02-04回复horse solider
      是https的图片
      02-04
      回复
    • horse solider
      horse solider
      02-05回复aeri
      图片尺寸和像素小一点,png和jpg格式。不行就给网页加上ico图标。两个会采用其中一个
      02-05
      回复
  • 智能回答 智能回答 本次回答由AI生成
    02-02
    有用
登录 后发表内容