Html 如何让网站链接图像在发布到社交网站时可靠地显示

我试图这样做，当一个链接（到我们网站上的一个旅游）被发布到某个社交媒体网站上时，我想要一个旅游图片和标题/描述显示出来

我花了很多时间在og:settings上。但是这些图像没有正确地显示出来

OG设置

这些是构建的西雅图链接og属性

    <meta property="og:type" content="website">
    <meta property="og:title" content="Explore Sunny Seattle">
    <meta property="og:description" content="We explored Seattle on the one day it was sunny!  Jump in!">
    <meta property="og:image" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/PPBL/pike+place+at+night+cover%2Ejpgmedium.jpg">
    <meta property="og:image:url" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/PPBL/pike+place+at+night+cover%2Ejpgmedium.jpg">
    <meta property="og:image:secure_url" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/PPBL/pike+place+at+night+cover%2Ejpgmedium.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="436">
    <meta property="og:url" content="https://worldalive.tours/tourbeta/5da7af5c30a71c1a6d1b8a76">
    <meta property="fb:app_id" content="-">
    <meta name="twitter:card" content="summary_large_image">

当我深入研究时，我无法找到任何结论。有人建议压缩内容，但它已经是jpeg格式了。压缩没有意义

当我发布链接时，它过去不显示图像，但现在显示了。然而，当我看到这些帖子的摘要时，它并没有使用这些图片，而是使用了网站上的另一张图片（横幅）

---

我觉得我错过了一些非常小的东西，或者一些非常大的东西。你知道我可能做错了什么吗？这似乎是一个相当多的问题，但有很多“这对我来说很有效”，我尝试过，但没有运气

这个问题似乎离题了，因为它是关于SEO的，而SEO在堆栈溢出时离题了。请阅读，以便更好地理解什么时候可以在这里问SEO问题（大多数不是），以及在哪里可以获得帮助。谢谢@johncode。我真的应该删除SEO标签，因为它与SEO/搜索排名无关。当人们发布链接时，我只想在社交网站上看到正确的链接。也就是说，围绕SEO标签的关键问题在这里可能是相同的，因为代码“似乎”是正确的。它可能仍然属于这里，因为我有代码自动生成这些元标记，其中一个示例正在工作（在某些地方），而另一个则没有。这让我觉得我在html或URL的构造上做错了什么。你的想法是什么？一定会去webmasters.SE论坛看看@另一件事是，在这个网站上有类似问题的历史——包括——这对我没有帮助，但似乎也在以类似的方式遭受痛苦。

    <meta property="og:type" content="website">
    <meta property="og:title" content="The Grand Canyon">
    <meta property="og:description" content="Explore the greatest canyon on earth!">
    <meta property="og:image" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/Grand+Canyon/cover%2Ejpgmedium.jpg">
    <meta property="og:image:url" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/Grand+Canyon/cover%2Ejpgmedium.jpg">
    <meta property="og:image:secure_url" content="https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/Grand+Canyon/cover%2Ejpgmedium.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="436">
    <meta property="og:url" content="https://worldalive.tours/tourbeta/5db750c7e8f3f8710e8f2916">
    <meta property="fb:app_id" content="-">
    <meta name="twitter:card" content="summary_large_image">

Provided og:image, https://cdnm.worldalive.tours/us-east-1%3Afcaded1f-0911-4071-a4d8-8c047c7e3648/PPBL/pike+place+at+night+cover%2Ejpgmedium.jpg could not be downloaded. This can happen due to several different reasons such as your server using unsupported content-encoding. The crawler accepts deflate and gzip content encodings.