# Динамические изображения Open Graph для тем?

**URL:** https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825
**Category:** Feature
**Created:** [29.Май.2024 11:06:32 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825 "2024-05-29T11:06:32Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [29.Май.2024 11:06:32 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/1 "2024-05-29T11:06:32Z")

</div>

Я видел несколько разрозненных тем, связанных с этой темой, но мне интересно, рассматривалась ли возможность создания динамических изображений Open Graph для тем, аналогичных Reddit.

Когда ссылки на мое сообщество делятся, я задумываюсь о том, какое визуальное представление лучше всего подходит для всех ссылок, и это может быть непросто. Должно ли это быть призывом к действию для присоединения? Предварительный просмотр того, что внутри? Что-то общее, показывающее только название моего сообщества? Я думаю, что все это хорошие ответы… в зависимости от того, какой именно ссылкой делятся.

Решая хотя бы вопрос №2, было бы здорово, если бы Discourse динамически генерировал изображение Open Graph для темы, которое служило бы её предварительным просмотром (например, заголовок, категория, теги, возможно, аватар пользователя и т. д.).

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [29.Май.2024 12:36:38 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/2 "2024-05-29T12:36:38Z")

</div>

Что вы имеете в виду под «динамическим»? Миниатюры уже отправляются в зависимости от содержимого темы.

Когда я делюсь темой с моего форума, миниатюра Open Graph показывает изображение, связанное с этой конкретной темой (если оно существует), а если нет — использует графический элемент из настроек брендинга в качестве запасного варианта.

Вот примеры обоих случаев: один без миниатюры темы, другой с ней:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/c/b/7cbc20a672e1ee80b0ef55fc944e07da029c2a07.png)

Это работает сразу после настройки.

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [29.Май.2024 14:06:02 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/3 "2024-05-29T14:06:02Z")

</div>

Отличный уточняющий вопрос! Это относится к темам без изображений, а также к тем случаям, когда вы не хотите, чтобы изображения использовались по умолчанию.

Вот несколько примеров того, как выглядит ссылка Reddit при публикации ссылки на конкретный комментарий. Я предполагаю, что они генерируются динамически, создавая изображения Open Graph, которые напрямую соответствуют общаемому контенту (например, в случае с Discourse — название темы, категория, тег и т. д., или для поста — возможно, выдержка, имя пользователя, категория и т. д.).

 ![На этом изображении показана дискуссия в посте Reddit, где один пользователь комментирует нового разработчика, который, как утверждается, попытался забрать исходный код основного продукта компании домой в свой первый рабочий день, что вызвало вопрос: «Люди, которые видели, как кого-то увольняли в первый день, почему их уволили?» (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/6/a/0/6a077f6da0012edeacc346176d1f7c93b82811cd.jpeg)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [29.Май.2024 14:09:59 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/4 "2024-05-29T14:09:59Z")

</div>

Спасибо! Теперь я лучше понимаю, что вы хотите.

Как вы видите, текст превью-выдержки уже включён (независимо от того, есть ли у вас изображения).

Вы предлагаете автоматически генерировать миниатюры, отображающие текст диалога с элементами интерфейса.

Это, по сути, будет своего рода дублированием?

Я не очень люблю текст в виде изображений, но это моё личное мнение.

Но, возможно, мы могли бы добавить это как опцию?

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [29.Май.2024 16:17:23 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/5 "2024-05-29T16:17:23Z")

</div>

> [@merefield](#):
>
> Вы предлагаете автоматически генерировать миниатюры для отображения текста обсуждения, включая элементы интерфейса.

Конечно. В частности, создание привлекательного изображения Open Graph для использования в качестве ссылки `og:image`.

> [@merefield](#):
>
> Разве это не будет своего рода дублированием?
> 
> Я не очень люблю текст в виде изображений, но это моё мнение.

Ах да, у каждого свои взгляды! Я считаю, что наше сообщество ищет что-то подобное (и я согласен с этим), и в бизнес- и корпоративном секторе такие изображения показывают гораздо более высокий показатель кликабельности по сравнению со случайными картинками.

Было бы здорово иметь в Discourse фреймворк для генерации таких изображений, аналогичный подходу GitHub:

> **[A framework for building Open Graph images](https://github.blog/open-source/git/framework-building-open-graph-images/)**
>
> We recently set about creating a framework and service for automatically generating social sharing images for repositories and other resources on GitHub.

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [24.Июль.2024 11:51:39 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/6 "2024-07-24T11:51:39Z")

</div>

Есть какие-то новости по этому поводу?

Я только что подумал, как здорово было бы использовать это для привлечения интереса при публикации в WhatsApp, Twitter, Instagram, LinkedIn и других платформах: достаточно просто поделиться ссылкой, чтобы люди 1) узнали, что идёт обсуждение, и 2) возможно, перешли от общения в социальной сети на форум Discourse.

Или у кого-нибудь есть идеи, насколько сложно это реализовать?

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [25.Март.2025 11:16:57 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/7 "2025-03-25T11:16:57Z")

</div>

Мы проводим некоторые работы над этим — поделимся, когда всё будет готово 🙂

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [22.Апрель.2025 16:17:05 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/8 "2025-04-22T16:17:05Z")

</div>

Очень жду, как всё пойдёт. Я отправил другу в Signal ссылку на новую тему с уже заполненными данными, но там отобразилось только стандартное изображение и описание сообщества. Это настолько неинформативно, что я просто удалил изображение для шеринга.

Надеюсь, это скоро реализуется, ведь это даст людям гораздо больше визуального контекста перед посещением 🤞 🙂 🤞

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [22.Апрель.2025 18:29:59 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/9 "2025-04-22T18:29:59Z")

</div>

Discourse скоро откроет исходный код чего-то нового. Мы решили пока не добавлять функцию динамических изображений, но вы можете динамически определять заголовок и описание для маршрута. Например, у нас теперь есть страница тегов, но посмотрите!

> **[Netwrix Product Announcements](https://community.netwrix.com/tag/announcement/105)**
>
> Stay up to date with the latest Netwrix product releases, feature updates, and enhancements from Netwrix — all in one place.

Мы переопределили заголовок og и описание. Это гораздо лучше, чем если бы там было написано что-то вроде этого (если бы можно было представить, что там написано «Темы с тегом product-announcement»).

> **[Topics tagged new](https://community.netwrix.com/tag/new/135)**
>
> The idea was just submitted and hasn’t been reviewed by the team yet.

Это такая мелкая деталь, но она действительно делает сообщество (по крайней мере, в корпоративной среде) значительно более отполированным и надежным!

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [23.Апрель.2025 01:40:55 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/10 "2025-04-23T01:40:55Z")

</div>

Да, это сделает меня очень счастливым 😊. Хотя изображения выглядели бы красиво, думаю, этого будет более чем достаточно. Очень жду этого, спасибо за работу!

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [24.Апрель.2025 05:21:55 UTC](https://meta.discourse.org/t/dynamic-open-graph-images-for-topics/309825/11 "2025-04-24T05:21:55Z")

</div>

Вот, пожалуйста!

> [@Discourse Open Graph](https://meta.discourse.org/t/discourse-open-graph/363183):
>
> Sponsored by [Netwrix](https://www.netwrix.com/)information_sourceSummary Update your Open Graph data programmatically and enhance your SEOhammer_and_wrenchRepository Link [GitHub - discourse/discourse-open-graph](https://github.com/discourse/discourse-open-graph)open_bookInstall Guide [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157)Features This plugin lets you override your Open Graph, Twitter, title, and description tags. Configuration This plugin ships with only one setting: Open graph overrides, which opens to this modal:

Огромная благодарность @gabriel за то, что это стало возможным!
