Qual é a ordem de prioridade das pré-visualizações de imagem para links do discourse no twitter?

Sei que quando você posta um link para o seu fórum no Twitter, e se o post vinculado contiver uma imagem ou mais, a prévia do tópico no Twitter mostrará essa imagem ou a primeira imagem do tópico como a miniatura para a prévia.

Também li que existem “imagens de categorias” que podem ser mostradas como miniatura, e também há uma opção “twitter summary large image” nas configurações do site, no entanto, nunca consegui ver nenhuma dessas duas últimas em funcionamento como miniaturas no Twitter, porque se não houver imagem no corpo do post do fórum em si, a miniatura que recebo é apenas a imagem cinza padrão com um ícone no centro, à esquerda da prévia do texto.

Então, como posso controlar qual imagem é exibida como miniatura do tópico no Twitter?

Sua ajuda será muito apreciada.

ps: as chaves da API do Twitter estão armazenadas e o login do Twitter está funcionando.

1 curtida

Olá,

Existem várias configurações para isso.

  1. imagem opengraph
  2. imagem de resumo grande do twitter
  3. imagem do logotipo da categoria
  4. primeira imagem do post

A imagem opengraph é a base. Se você configurar apenas esta, ela aparecerá se não houver imagem de post ou categoria.

Se você configurar uma imagem de resumo grande do twitter, ela substituirá a imagem opengraph no Twitter. Assim, ela aparecerá no Twitter em vez da imagem opengraph.

A imagem do logotipo da categoria e a primeira imagem do post sempre terão prioridade sobre as outras.


Ordem de prioridade:

  1. primeira imagem do post e imagem do logotipo da categoria
    (se ausente) :arrow_down_small:

  2. imagem de resumo grande do twitter
    (se ausente) :arrow_down_small:

  3. imagem opengraph
    (se ausente) :arrow_down_small:

  4. ícone grande

(se eu estiver certo)


Configurar

A imagem opengraph e a imagem de resumo grande do twitter podem ser configuradas aqui: /admin/site_settings/category/branding


Para a imagem do logotipo da categoria, vá para as configurações específicas da categoria na aba Imagens.


Testes no Twitter

Compartilho um link de post que não contém imagem e com a configuração de imagem de resumo grande do twitter :arrow_down_small:

Compartilho um link de post que contém imagem e com a configuração de imagem de resumo grande do twitter :arrow_down_small:

Compartilho um link de post que não contém imagem e sem imagem de resumo grande do twitter, mas configurei uma imagem opengraph

Compartilho um link de categoria que contém imagem do logotipo da categoria

Compartilho um link do site sem imagem opengraph e outras configurações.


Espero que ajude :slightly_smiling_face:

3 curtidas

Então, estou com dificuldades com isso. Tenho duas postagens que se comportam de maneira diferente e não consigo descobrir por quê. Uma postagem mostra a imagem de visualização onebox no Twitter. A outra mostra a imagem twitter_summary_large.

Esta postagem funciona como esperado.
https://community.abs-consulting.com/t/welcome-to-issue-65-of-the-abs-devops-scm-e-newsletter/22

Esta postagem não funciona como esperado.
https://community.abs-consulting.com/t/devsecops-platforms-help-smbs-scale-as-they-grow/113

Bem-vindo robert :wave: :slight_smile:

Eu vejo oneboxes regulares para ambos:


Sim. Essa parte funciona. Mas quando é compartilhado em redes sociais, obtenho um comportamento diferente.

1 curtida

Cada site tem sua própria maneira de selecionar a imagem que será usada como miniatura ao exibir uma prévia.

Geralmente, uma meta tag especifica uma imagem e é a primeira escolha.

Seu link não possui tais tags, e, portanto, vários sites escolherão uma imagem do HTML da página com base em seus próprios critérios.

Não sei como o Discourse especificamente escolhe qual imagem usar. Pode até mesmo construir uma imagem composta a partir de várias partes do HTML. :person_shrugging:

1 curtida

Ok, isso faz sentido. Mas eu esperaria que as duas postagens se comportassem da mesma forma. A menos que o Discourse ou o Twitter estejam analisando o link que o onebox apresentou e, em seguida, procurando a meta tag a partir daí e não da postagem do Discourse? Isso pode explicar por que a primeira postagem pode vincular a uma página da web que definiu a meta tag, onde a segunda postagem que o onebox está referenciando não o faz.

Você está dizendo aqui que a postagem do Discourse não tem a ‘meta tag’ ou o link que o onebox está referenciando não tem a ‘meta tag’?

Estou falando sobre isso. A página que você compartilha deve ter as meta tags adequadas que serão usadas na maioria das plataformas (twitter, facebook, discord, discourse, etc., etc.). :slight_smile:

Acho que este é um bom recurso para aprender sobre isso:

Parece que consegui resolver o problema. Tive que alterar a configuração, Arquivos >> baixar imagens remotas para local. Isso agora está habilitado. Testei desabilitando a criação de um tópico. Reabilitei, criei um tópico duplicado. Em seguida, verifiquei a imagem em miniatura em ambos os tópicos. Um está referenciando o armazenamento de imagem local. O outro está referenciando a imagem remota do link.

Em seguida, compartilhei cada tópico em uma rede social, o LinkedIn, pois a pré-visualização funciona. No caso do armazenamento de imagem local, a pré-visualização do LinkedIn capta a imagem local da minha comunidade. O outro serve a opengraph_image das configurações e não a imagem em miniatura do site do link.

Portanto, parece que preciso ter a configuração, Arquivos >> baixar imagens remotas para local, habilitada para mostrar a imagem de pré-visualização do onebox propagada para a rede social ao compartilhar links.