我正在尝试做到这一点,以便在将链接(指向我们网站上的游览的链接)发布到某些社交媒体网站时,我希望显示游览的图像以及标题/说明。
我花了很多时间在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上,我可以发布此链接
https://worldalive.tours/tourbeta/5da7af5c30a71c1a6d1b8a76
和图像shows up。
但是,当我尝试将其发布到Twitter时,此其他链接不会显示该图像。
https://worldalive.tours/tourbeta/5db750c7e8f3f8710e8f2916
与Twitter相同。大峡谷之旅不会显示正确的图像,但西雅图之旅会显示。
https://www.reddit.com/user/worldalivedottours
当我使用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,但是我尝试了很多“对我有用”的方法,但没有运气。