WhatsApp 链接预览不适用于安卓手机

Kom*_*mke 11 html meta-tags

我正在尝试在 whatsapp 上显示链接预览,它适用于 ios 和 windows,但不适用于 android。我已经尝试了所有应该在标签中的元标签。我错过了什么吗?

Laf*_*afa 8

好的,您应该使用元标记,有时需要一段时间才能更改,因此您需要等待。

标题

<meta property="og:title" content="title in here" />
Run Code Online (Sandbox Code Playgroud)

描述

<meta property="og:description" content="description in here">
Run Code Online (Sandbox Code Playgroud)

图像

<meta property="og:image" content="image in here">
Run Code Online (Sandbox Code Playgroud)

网址

<meta property="og:url" content="url in here" />
Run Code Online (Sandbox Code Playgroud)

PS:在 Whatsapp 上,仅当您在聊天中复制粘贴网址时才有效


zen*_*nni 5

在此输入图像描述 WhatsApp 链接预览对我来说也不起作用。在尝试了一些选项后,我终于让它发挥作用了。以下是 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" />
Run Code Online (Sandbox Code Playgroud)

<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>
Run Code Online (Sandbox Code Playgroud)

这 8 个标签(6 个在头部,2 个在身体)效果很好。

尖端:

1.使用确切的图像位置 URL 而不是目录格式,即不要使用 images/OG_thumb.jpg

2.区分大小写的文件扩展名:如果您的托管提供商上的图像扩展名是“.JPG”,则不要使用“.jpg”或“.jpeg”。我观察到,基于托管提供商和浏览器组合的错误可能会也可能不会发生,所以为了安全起见,更容易只匹配文件扩展名的大小写。

3.执行上述步骤后,如果缩略图预览仍然没有显示在 WhatsApp 消息中,则:

A。强制停止移动应用程序(我在 Android 中尝试过)并重试

b.使用在线工具预览 OG 标签,例如我使用的: https: //searchenginereports.net/open-graph-checker

C。在移动浏览器中粘贴直接链接到 OG 拇指并刷新浏览器 4-5 次。例如https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG