У меня возникли проблемы с отображением изображения при публикации ссылки в 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, которые сканируют сайт для генерации предварительного просмотра.