Я пытаюсь сделать так, чтобы, когда ссылка (на тур на нашем сайте) была опубликована на каком-то сайте социальной сети - я хочу, чтобы изображение для тура и заголовок / описание были показаны.
И я потратил кучу времени на настройки og :. Но изображения просто не отображаются должным образом.
Настройки OG
Это построенные сиэтлские ссылки og properties
<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">
Это построенные Гранд-Каньон ссылка og свойства.
<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
и изображение показывает .
Но эта другая ссылка не вызывает изображение, когда я пытаюсь опубликовать его в твиттере.
https://worldalive.tours/tourbeta/5db750c7e8f3f8710e8f2916
Reddit
То же самое, что и в твиттере. Тур по Гранд-Каньону не покажет правильное изображение, но тур в Сиэтл.
https://www.reddit.com/user/worldalivedottours
Facebook
Когда я использую общий отладчик , он иногда работает, но я получаю сообщение об ошибке:
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/
Я чувствую, что мне не хватает чего-то очень маленького - или чего-то действительно большого. Любые идеи относительно того, что я могу делать неправильно? Кажется, что история довольно глубока , но есть много "это сработало для меня", которые я попробовал, и не повезло.