html 丰富的链接预览不工作在Whatsapp IOS，但在Android上工作

j5fpnvbx 于 2022-12-16 发布在 iOS

关注(0)|答案(1)|浏览(90)

我在一个网站上工作，主要是通过链接在whatsapp上分享。我需要丰富的预览显示时，链接在whatsapp上分享。这只适用于android，而不是iOS。这是我的头看起来像在下面的HTML。我已经尝试了所有形式的建议，保持图像低于300KB和大小1：1也低于300px。都无济于事。丰富的预览不显示在所有甚至没有标题或说明。

<meta property="og:url" content="https://www.happyventures.company">
<meta property="og:type" content="website">
<meta property="og:description" content="Happy - Just for good friends and family">
<meta property="og:title" content="Happy App">
<meta property="og:image" itemprop="image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image:alt" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link href="https://www.happyventures.company" rel="canonical">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">
<meta property="og:image:type" content="image/png">
<link rel="apple-touch-icon" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="icon" type="image/png" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="icon" type="image/png" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="mask-icon" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png" color="#6c63ff">

Html

来源：https://stackoverflow.com/questions/59898611/rich-link-preview-not-working-on-whatsapp-ios-but-works-on-android

1条答案

按热度按时间

kmpatx3s1#

好吧，所以在这里我已经更新了我的答案：
我已经复制了您的网站使用查看源代码的所有内容，并在我的域测试页和丰富的文本出现在IOS为我。
但奇怪的是你的主域https://www.happyventures.company/和https://www.happyventures.company/invite/zzisi/，但网页富文本不显示只，然后我尝试了我的WhatsApp网站，并试图调试到底是什么React，然后我发现，对于我的域，它是给我的响应消息，但对于你的域，它给***404***.
请在https://web.whatsapp.com/上检查您的站点
如果您有.com域名，也请尝试相同的方法。
查看***404***的屏幕截图：

旧的答案，这是任何方式为我工作：请尝试以下代码：

<meta property="og:type" content="website">
<meta property="og:title" content="Happy App">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">
<meta property="og:image:type" content="image/png">
<meta property="og:description" content="2 Happy - Just for good friends and family">
<meta property="og:image" itemprop="image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">

<meta name="twitter:image:alt" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">

赞(0）回复(0）举报 2022-12-16

我来回答

html 丰富的链接预览不工作在Whatsapp IOS，但在Android上工作

1条答案

相关问题

热门标签

最新问答