我正在尝试做到这一点，以便在将链接（指向我们网站上的游览的链接）发布到某些社交媒体网站时，我希望显示游览的图像以及标题/说明。

我花了很多时间在og：设置上。但是图像只是无法正确显示。

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">

这些是构造的大峡谷链接和其他属性。

    <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">

Twitter

在Twitter上，我可以发布此链接

https://worldalive.tours/tourbeta/5da7af5c30a71c1a6d1b8a76

和图像shows up。

但是，当我尝试将其发布到Twitter时，此其他链接不会显示该图像。

https://worldalive.tours/tourbeta/5db750c7e8f3f8710e8f2916

Reddit

与Twitter相同。大峡谷之旅不会显示正确的图像，但西雅图之旅会显示。

https://www.reddit.com/user/worldalivedottours

Facebook

当我使用sharing debugger时，有时可以正常工作，但会收到错误消息：

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.

当我深入研究时，我找不到任何结论性的东西。一个建议压缩内容，但已经是jpeg。压缩没有意义。

当我发布链接时，它曾经不显示图像，但现在显示了。但是，当我查看帖子的摘要时，它并没有使用这些图像，而是使用了站点中的另一幅图像（横幅）。

https://www.facebook.com/worldalivetours/

我觉得我要么错过了很小的东西，要么错过了很大的东西。关于我可能做错了什么的任何想法？似乎有一个deep history，但是我尝试了很多“对我有用”的方法，但没有运气。