Html 尝试了所有建议的解决方案，但仍然没有'；不显示链接的WhatsApp图像预览_Html_Facebook Opengraph_Meta Tags_Whatsapp

Html 尝试了所有建议的解决方案，但仍然没有'；不显示链接的WhatsApp图像预览

html

Html 尝试了所有建议的解决方案，但仍然没有'；不显示链接的WhatsApp图像预览,html,facebook-opengraph,meta-tags,whatsapp,Html,Facebook Opengraph,Meta Tags,Whatsapp,我开始变得绝望了。我想显示一个WhatsApp预览图像，供人们共享链接。我尝试了在这里或谷歌上能找到的一切。它仍然没有出现。这是我目前的情况： <!DOCTYPE html> <html prefix="og: http://ogp.me/ns#"> <head> <title>My Site</title> <meta charset="utf-8"> <meta property="og

我开始变得绝望了。我想显示一个WhatsApp预览图像，供人们共享链接。我尝试了在这里或谷歌上能找到的一切。它仍然没有出现。这是我目前的情况：

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
  <head>
    <title>My Site</title>
    <meta charset="utf-8">
    <meta property="og:type" content="website" />
    <meta property="og:title" content="My Site" />
    <meta property="og:site_name" content="My Site" />
    <meta property="og:description" content="This is really My Site">
    <meta property="og:url" content="https://www.my-site.com/subdir/" />
    <meta property="og:image:secure_url" itemprop="image" content="https://www.my-site.com/subdir/ogthumb.jpg">
    <meta property="og:image:alt" content="My Site Preview">
    <meta property="og:image:type" content="image/jpeg">   
    <meta property="og:image:width" content="256" />
    <meta property="og:image:height" content="256" /> 
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
  </head>


我的网站

其中一些标题可能是不必要的，但我将从不同答案或外部来源找到的所有内容放在一起

我还选择了低分辨率（不同来源中建议的不同最大尺寸，但根据所有来源，这个256x256应该很好）以及低图像大小（同样，不同来源中建议的不同最大尺寸，但我得到的只有30kB，根据所有来源，这个应该很好）

善良的人们，你们能告诉我还缺少什么吗？我的理智谢谢你。

这应该很容易调试-粘贴你的URL并检查错误。它还说，使用至少1080像素宽的图像在高分辨率设备上实现最佳显示，并且您的分辨率远低于此。谢谢您，阿龙，我已经尝试过了。具有讽刺意味的是，1）这个调试器有缺陷，并且将必填字段标记为无关字段（前几天得到了我），2）它说我的站点很好，甚至在调试器评估结果中正确显示缩略图！此外，它只建议1080px的宽度，但似乎需要600px。“至少，你应该使用600像素宽的图像来显示图像链接广告。”不过我已经试过了。请注意，这个调试器不是特定于WhatsApp的，而是针对fb.com的，当然fb在不久前购买了WhatsApp。唉，这并没有说明根本原因。关于调试器错误，例如，看到你能添加你有问题的URL吗？我很乐意，但它是私有的。不过，我可以提供所有其他信息。这是一个letsenrypt证书，这可能是一个问题吗？虽然不应该，但现在很标准。。如果没有人真正了解一套明确定义的规则，那么还有哪些因素？