Ссылка на изображение не работает

Привет!

У меня возникли проблемы с отображением изображения при публикации ссылки в Twitter и LinkedIn. Вместо этого появляются эти картинки. Мы настроили метаданные с нашим логотипом, но он не отображается. Как исправить это, чтобы появилось нужное нам изображение?

Заранее спасибо!


Это изображение из LinkedIn

У меня работает — это то изображение, которое вы ожидали?

Хорошо, так что проблема не в предпросмотре ссылок на изображения в темах Discourse,

а в отображении ссылок вашего форума на таких платформах, как Twitter/LinkedIn?

Это так! Но это не то изображение, которое отображается в Twitter или LinkedIn.

Правильно — это не отображается в Twitter и LinkedIn

Тестер Open Graph показывает, что всё должно быть в порядке:

<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="A place for the community to help each other learn how to use the Zoo tools and API.">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Meta Tags Generated via https://www.opengraph.xyz -->

и ожидается, что на Twitter и LinkedIn будут отображаться следующие результаты:

Проблема, похоже, не в данных, которые возвращает Discourse.

При условии, конечно, что Twitter/LinkedIn получают эти данные.

Я предполагаю, что проблема в том, что Cloudflare блокирует запросы от Twitter/LinkedIn, которые сканируют сайт для генерации предварительного просмотра.

Ах, понятно — значит, с моей стороны больше ничего сделать нельзя?
Спасибо за помощь!

На стороне Discourse, полагаю, нет.

Следующий шаг — проверка этого предположения.

Убедитесь, что вы следовали руководству Cloudflare.

Временное отключение Cloudflare может помочь, но Twitter/LinkedIn могут кэшировать свои результаты, и эффект может проявиться не сразу.

Логи доступа могут содержать больше информации.

Возможно, стоит разместить сообщение в сообществе Cloudflare по этому вопросу.

Обращаю внимание, что https://community.cloudflare.com/ правильно отображается в Twitter/LinkedIn, так что, судя по всему, им удалось это настроить.