Imagens dinâmicas de Open Graph para tópicos?

Tenho visto alguns tópicos diferentes relacionados a este assunto, mas gostaria de saber se houve alguma consideração para a geração de imagens dinâmicas do Open Graph para tópicos semelhantes ao Reddit.

Quando os links para minha comunidade são compartilhados, estou pensando na melhor imagem para representar todos os links e isso pode ser difícil. Deveria ser um CTA para entrar? Uma prévia do que está dentro? Algo genérico que apenas mostre o nome da minha comunidade? Acho que todas são boas respostas… dependendo do link que está sendo compartilhado.

Resolvendo pelo menos a questão nº 2, seria ótimo se o Discourse gerasse dinamicamente a imagem do Open Graph para o tópico que fosse uma prévia do tópico (por exemplo, título, categoria, tags, talvez foto de perfil do usuário, etc.).

3 curtidas

O que você quer dizer com “dinâmico”? As miniaturas já são enviadas dependendo do conteúdo do Tópico.

Quando compartilho um Tópico do meu fórum, a miniatura do Open Graph mostra a imagem associada a esse Tópico específico (se existir) e, se não, usará o gráfico das Configurações de marca como fallback.

Aqui estão exemplos de ambos, um sem miniatura de Tópico e outro com:

Isso funciona de imediato.

2 curtidas

Ótima pergunta esclarecedora! Isso seria para tópicos sem imagens e também onde você não quer que as imagens sejam o padrão usado.

Aqui estão alguns exemplos de como um link do Reddit se parece quando um link para um comentário específico é compartilhado, por exemplo. Eu presumiria que estes são gerados dinamicamente, criando imagens do Open Graph que são diretamente relevantes para o conteúdo que está sendo compartilhado (por exemplo, no caso do Discourse, um título de tópico, categoria, tag, etc. ou para uma postagem, possivelmente um trecho, o nome de usuário deles, a categoria, etc.)

2 curtidas

Obrigado! Agora entendo melhor o que você quer.

Bem, como você pode ver, o texto do trecho de pré-visualização já está incluído (independentemente de você ter imagens ou não).

Você está propondo a geração automática de miniaturas para representar o texto da conversa, incluindo elementos da interface.

Isso seria atualmente uma duplicação, de certa forma?

Eu não sou um grande fã de texto como imagem, mas isso sou eu.

Mas com certeza, talvez possamos adicionar isso como uma opção?

3 curtidas

Com certeza. Especificamente, gerar uma imagem Open Graph atraente para ser usada como URL de og:image.

Ah sim, todos temos nossas ideias! Acho que nossa comunidade está procurando algo assim (com o qual concordo) e vejo taxas de cliques muito melhores nestes no mundo empresarial/corporativo em comparação com imagens aleatórias.

Seria ótimo ter um framework para gerar isso no Discourse, semelhante à abordagem do GitHub:

4 curtidas

Alguma atualização sobre isso?

Eu estava pensando o quanto eu adoraria isso como uma forma de gerar interesse ao compartilhar no Whatsapp/Twitter/IG/LI/etc, para que com apenas o compartilhamento de um link, as pessoas 1) saibam que uma conversa está acontecendo e 2) possam mudar de conversar na plataforma de mídia social para o fórum Discourse.

Ou alguém tem alguma ideia sobre o quão difícil seria criar isso?

2 curtidas

Estamos fazendo alguns trabalhos nisso — compartilharei assim que terminar :slight_smile:

3 curtidas

Muito animado para saber como vai. Compartilhei um link de tópico novo pré-preenchido com um amigo no Signal e ele apenas mostrou a imagem e a descrição genéricas da comunidade, o que acho tão inútil que simplesmente deletei a imagem compartilhada.

Espero que isso se concretize em breve, pois acho que fornecerá muito contexto visual às pessoas antes de visitarem :crossed_fingers: :slightly_smiling_face: :crossed_fingers:

1 curtida

O Discourse deve estar abrindo o código de algo em breve. Decidimos não adicionar o recurso para imagens dinâmicas ainda, mas você pode definir o título e a descrição dinamicamente para uma rota. Por exemplo, agora temos esta página de tag, mas veja!

Substituímos o título e a descrição do og. Muito melhor do que se dissesse algo como isto (se você pudesse imaginar dizendo “Tópicos marcados como product-announcement”).

É um detalhe tão pequeno, mas realmente faz uma comunidade (pelo menos no ambiente corporativo) parecer significativamente mais polida e robusta!

3 curtidas

Sim, isso me deixará muito feliz :blush:. Embora imagens fossem interessantes, acho que isso será mais do que suficiente. Muito animado com isso, obrigado pelo trabalho!

1 curtida

Aqui está!

Muito obrigado a @gabriel por tornar isso realidade!

3 curtidas