Как вставить изображение, которое будет отображаться при публикации ссылки на сайт в Discord?

Как можно изменить отображение изображения при публикации ссылки на сайт в Discord, чтобы оно было большим и располагалось внизу, как на скриншоте? Я использовал тег Meta property="og:image" content="", и изображение добавилось, но оказалось маленьким и расположенным справа.
  • 30 августа 2024 г. 13:54
Ответы на вопрос 3
Чтобы изображение отображалось правильно при публикации ссылки на ваш сайт в Discord, необходимо убедиться, что вы используете правильные мета-теги Open Graph (OG) в HTML-коде вашей страницы. Вот основные шаги:

1. **Добавьте мета-теги в `<head>` вашего HTML**:
   Убедитесь, что у вас есть следующие мета-теги:

   ```html
   <meta property="og:title" content="Заголовок вашей страницы" />
   <meta property="og:description" content="Описание вашей страницы" />
   <meta property="og:image" content="URL_вашего_изображения" />
   <meta property="og:url" content="URL_вашей_страницы" />
   <meta property="og:type" content="website" />
   ```

   Замените `URL_вашего_изображения` на абсолютный URL вашего изображения.

2. **Размер изображения**:
   Для оптимального отображения в Discord рекомендуется использовать изображение с размерами 1200x630 пикселей. Это изображение будет корректно отображаться в большинстве социальных сетей и мессенджеров.

3. **Кэширование**:
   Discord может кэшировать данные о вашем изображении. Если вы измените мета-теги или загружаете новое изображение, Discord может все равно отображать старую версию. Чтобы очистить кэш, попробуйте использовать следующий метод:
   - Перейдите на [Discord's Debugger](https://developers.facebook.com/tools/debug/) (инструмент от Facebook, который также обновляет кэш). Введите URL вашей страницы и нажмите "Debug".
   - Это обновит кэш и покажет, как Discord видит ваш сайт.

4. **Проверка**:
   После внесения изменений и очищения кэша попробуйте снова отправить ссылку на свой сайт в Discord. Изображение должно отображаться корректно.

Если вы хотите, чтобы изображение было внизу и было большим, поэкспериментируйте с размерами, а также удостоверьтесь, что изображение соответствует рекомендуемым параметрам, чтобы Discord мог его корректно отобразить.
но оно оказалось маленьким

А размер вы в метатегах указать не забыли?
Нужно добавить следующие меты: 
property="og:type" content="article"
property="og:image" content=...
property="og:image:width" content=...
property="og:image:height" content=...
name="twitter:image" content=...
name="twitter:card" content="summary_large_image"
Похожие вопросы