WhatsApp link 预览无法在 android 手机上运行
WhatsApp link preview not working on android phones
我正在尝试在 whatsapp 上显示 link 预览,它适用于 ios 和 windows,但不适用于 android。我已经尝试了标签中应该存在的所有元标签。我错过了什么吗?
好的,你应该使用元标记,有时需要一段时间才能更改,所以你需要等待。
标题
<meta property="og:title" content="title in here" />
描述
<meta property="og:description" content="description in here">
图片
<meta property="og:image" content="image in here">
URL
<meta property="og:url" content="url in here" />
PS: 在 whatsapp 上,仅当您在聊天
中复制粘贴 url 时才有效
我也遇到了同样的问题。不过,我想出了如何解决这个问题。
在 link 中使用“http://”或“https://”。缩略图自动出现在 Android Whatsapp 中。
以下link
的缩略图不会出现
www.example.com
正确用法
<https://www.example.com>
网站缩略图自动出现在 Android 部 Whatsapp 手机中。
WhatsApp link 预览版也不适合我。在尝试了一些选项后,我终于让它工作了。以下是 8 个 html 标签,非常适合我:
在<head>
标签中:
<meta property="og:title" content="ABC Blabla 2020 Friday" />
<meta property="og:url" content="https://bla123.neocities.org/mp/friday.html" />
<meta property="og:description" content="Photo Album">
<meta property="og:image" itemprop="image" content="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_GB" />
在<body>
标签中:
<link itemprop="thumbnailUrl" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
</span>
这 8 个标签(6 个在 head 中,2 个在 body 中)工作得很好。
提示:
1.Use 确切的图像位置 URL 而不是目录格式,即不要使用 images/OG_thumb.jpg
2.Case 敏感文件扩展名:如果您的托管服务提供商的图像扩展名是“.JPG”,则不要使用“.jpg”或“.jpeg”。我观察到基于托管服务提供商和浏览器组合错误可能发生也可能不发生,所以为了安全起见,只匹配文件扩展名的大小写更容易。
3.After 如果缩略图预览仍未显示在 WhatsApp 消息中,则执行上述步骤:
一个。强制停止移动应用程序(我在 Android 中尝试过)并重试
b.Use 预览 OG 标签的在线工具 例如我使用:https://searchenginereports.net/open-graph-checker
c。在手机浏览器直接粘贴link到OG拇指并刷新浏览器4-5次。例如 https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG
我正在尝试在 whatsapp 上显示 link 预览,它适用于 ios 和 windows,但不适用于 android。我已经尝试了标签中应该存在的所有元标签。我错过了什么吗?
好的,你应该使用元标记,有时需要一段时间才能更改,所以你需要等待。
标题
<meta property="og:title" content="title in here" />
描述
<meta property="og:description" content="description in here">
图片
<meta property="og:image" content="image in here">
URL
<meta property="og:url" content="url in here" />
PS: 在 whatsapp 上,仅当您在聊天
中复制粘贴 url 时才有效我也遇到了同样的问题。不过,我想出了如何解决这个问题。
在 link 中使用“http://”或“https://”。缩略图自动出现在 Android Whatsapp 中。
以下link
的缩略图不会出现www.example.com
正确用法
<https://www.example.com>
网站缩略图自动出现在 Android 部 Whatsapp 手机中。
在<head>
标签中:
<meta property="og:title" content="ABC Blabla 2020 Friday" />
<meta property="og:url" content="https://bla123.neocities.org/mp/friday.html" />
<meta property="og:description" content="Photo Album">
<meta property="og:image" itemprop="image" content="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_GB" />
在<body>
标签中:
<link itemprop="thumbnailUrl" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
</span>
这 8 个标签(6 个在 head 中,2 个在 body 中)工作得很好。
提示:
1.Use 确切的图像位置 URL 而不是目录格式,即不要使用 images/OG_thumb.jpg
2.Case 敏感文件扩展名:如果您的托管服务提供商的图像扩展名是“.JPG”,则不要使用“.jpg”或“.jpeg”。我观察到基于托管服务提供商和浏览器组合错误可能发生也可能不发生,所以为了安全起见,只匹配文件扩展名的大小写更容易。
3.After 如果缩略图预览仍未显示在 WhatsApp 消息中,则执行上述步骤:
一个。强制停止移动应用程序(我在 Android 中尝试过)并重试
b.Use 预览 OG 标签的在线工具 例如我使用:https://searchenginereports.net/open-graph-checker
c。在手机浏览器直接粘贴link到OG拇指并刷新浏览器4-5次。例如 https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG