site sem preview

[trevineju]

Passos para reproduzir

Copiando e colando a url https://queridodiario.ok.org.br/ em redes sociais ou aplicativos de mensagens

Comportamento atual

• Telegram:
  

• Bluesky com buffer:
  

• Bluesky sem buffer:
  

• Discord
  

Comportamento esperado

A logo do QD aparecer como preview

Informações adicionais

Abro esta issue sem ter certeza que se é uma questão que se resolve no frontend. Vocês tem considerações?

Nos casos em que não aparece nenhuma logo não é um problema, apesar de ser bacana ter; entretanto, no caso em que a imagem da Imaginable Futures aparece (da Bluesky com buffer), é.

Visto que é dentro da rede social usando um recurso para agendar postagens, foi conferido que as opções de imagem de preview disponíveis são apenas esta e da Fundação Lemann. Não dá para escolher outra. Pode ser que talvez não tenha uma hierarquia entre as imagens do site pra ele definir qual vai destacar? Se for isso, seria possível criar essa hierarquia dentro do site?

[lguima]

oi @trevineju, é no front sim, a gente precisa definir as Open Graph Meta Tags pra especificar os valores que queremos que apareçam:

• https://ogp.me/

[ogecece]

Além das tags indicadas aqui, há mais alguma que seja indicado implementar?

Daí acho que podemos seguir para sugestões de textos e imagens.

E acho que seria bom a gente limitar essa implementação inicial a previews e textos constantes para o site todo, né? Para não discutir uma solução ideal onde cada página teria sua própria descrição e cada texto do blog seu próprio preview de imagem e algo do tipo pq imagino que a complexidade aumentaria bastante.

[trevineju]

oi @trevineju, é no front sim, a gente precisa definir as Open Graph Meta Tags pra especificar os valores que queremos que apareçam:

• https://ogp.me/

Obrigada pela orientação!!

Além das tags indicadas aqui, há mais alguma que seja indicado implementar?

Que site bacana!

E acho que seria bom a gente limitar essa implementação inicial a previews e textos constantes para o site todo, né?

Sim! Não tava nem pensando em abrir o escopo, não. Também me parece suficiente corrigir apenas isso no momento e, se fizer sentido, incrementar no futuro.

Daí acho que podemos seguir para sugestões de textos e imagens.

Eles recomendam uma imagem de tamanho 1200x630px, que já criei:

E parece ter ficado ok:

---

Mas o site também traz umas dicas pra imagens mais interessantes: criei as simulações abaixo com uma opção gratuita que aparece lá. Ficou bem genérico, mas achei bacana o aspecto de ter um texto convocatório na própria imagem.

@isisrf, o que você acha? Valeria a pena tentar uma imagem um pouco mais trabalhada que não somente a logo?

[isisrf]

@trevineju, vou pedir pra sofia uma que seja nesse tamanho e com a ideia dessa segunda imagem que você enviou acima, o que acha?

[trevineju]

@trevineju, vou pedir pra sofia uma que seja nesse tamanho e com a ideia dessa segunda imagem que você enviou acima, o que acha?

pode ser! Fica faltando só pensar o textinho, né?

Alguém tem ideias?

[isisrf]

@trevineju eu deixei pra ela a sugestão do mesmo texto que você tinha deixado na segunda imagem, por ora Em qua., 2 de out. de 2024 às 18:54, Juliana Trevine < ***@***.***> escreveu:

…

@trevineju <https://github.com/trevineju>, vou pedir pra sofia uma que seja nesse tamanho e com a ideia dessa segunda imagem que você enviou acima, o que acha? pode ser! Fica faltando só pensar o textinho, né? Alguém tem ideias? — Reply to this email directly, view it on GitHub <#303 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AANVF7COE5ALYMQZHMNUVU3ZZQXPFAVCNFSM6AAAAABPDWM4DSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOBZGI3TGNJUGY> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[trevineju]

@trevineju eu deixei pra ela a sugestão do mesmo texto que você tinha deixado na segunda imagem, por ora

beleza! muito obrigada!

Sofia produziu a seguinte imagem:

[trevineju]

Como não ter solução implementada está prejudicando a comunicação do projeto, abri uma PR #313, com um incremento temporário e usando essa imagem acima.

Por enquanto, adotei a redação...
Título: Pesquise nos diários oficiais municipais brasileiros
Descrição: Explore atos oficiais municipais e fique de olho nas ações das prefeituras!

mas segue em aberto para opiniões