Compartilhar link no Facebook não mostra imagem (open graph)

Eu procurei, mas não consigo encontrar uma resposta.
Tentei compartilhar alguns tópicos deste fórum no Facebook como teste, mas nenhum deles mostra a imagem. Tipo de erros que recebo:

URL da og:image fornecida
https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg não pôde ser processada como uma imagem.
Pode estar corrompida ou ter um formato inválido.
Não foi possível resolver o nome do host em um endereço IP válido.

Alguém teve sorte em compartilhar tópicos e o Facebook mostrar a imagem corretamente?

Eu adoraria ajudar, exceto que não consigo discernir NENHUMA melhoria concebível que possamos fazer aqui.

A URL está boa:

Se o Facebook não consegue resolver um nome DNS que pertence ao Amazon CloudFront, isso é uma falha do Facebook. Talvez eles estejam tendo problemas internos?

Ou, possivelmente a Amazon, mas isso é menos provável.

O que o suporte do Facebook diz sobre isso?

Estou um pouco confuso com a imagem que você compartilhou…?

Até onde eu sei, o “suporte” do Facebook nem existe.

Mas isso não parece ser um problema do Facebook, porque na minha própria instalação do Discourse, algumas imagens são exibidas, então eu gostaria apenas de saber qual é o processo para fazê-las funcionar? A primeira imagem está no tópico? Se sim, por que esse tópico deste fórum não funcionaria (junto com outros que tentei), mas para mim funcionou?

Talvez este seja um mistério a ser desvendado.

Esse é o URL da imagem a que você se referiu no OP.

O fluxo para este processo é:

  • O usuário posta o URL do tópico no Facebook
  • O Facebook recupera o URL do tópico e analisa as tags opengraph
  • O Facebook identifica o URL og:image
  • O Facebook tenta recuperar o URL og:image
    • O Facebook resolve o nome do host do URL em um endereço IP
    • O Facebook se conecta ao IP
    • O Facebook recupera o URL

Se ele está tentando recuperar o URL https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg mas dá o erro Não foi possível resolver o nome do host em um endereço IP válido., o Discourse não está no caminho para essa etapa do processo. São os servidores do Facebook tentando resolver um nome de host do Amazon Cloudfront.

Ok, isso faz sentido agora. Obrigado.

Eu estava apenas me perguntando se algo poderia estar errado com a forma como o Discourse estava selecionando as imagens e definindo o og:image. Mas sim, se o meu Discourse funciona (mesmo que não 100% perfeito), então talvez haja algo errado com o que você disse.

Então, minha pergunta ainda é: a imagem selecionada é sempre a imagem no topo do tópico? É assim que o Discourse é construído? Ou é escolhida aleatoriamente? E existem requisitos específicos para que ele selecione a imagem em termos de dimensões da imagem, etc.? Só quero ter certeza de que, quando se trata dos meus próprios tópicos, se eu quiser incluir imagens, eu as formatarei corretamente.

Este pode não ser o melhor lugar para esta breve documentação, mas você pode usar uma dica |thumbnail no seu Markdown de imagem para escolher uma miniatura diferente:

1 curtida

Muito obrigado pela dica. Não sabia disso.
E quanto às dimensões das imagens? Há algum requisito? Ou qualquer imagem será usada, mesmo que fique distorcida ao ser redimensionada?

Não tenho certeza, mas acho que qualquer imagem pode ser usada, e o redimensionamento fica a critério do consumidor. Por exemplo, acabei de testar uma imagem pequena no try, vamos ver o Onebox dela:

https://try.discourse.org/t/testing-some-images-and-thumbnails-hint/1498

É um pouco confuso mesmo, a lógica |thumbnail está toda no core, o componente de tema apenas solicita que o core gere tamanhos adicionais de miniatura e os use na lista de tópicos. Aconteceu de ser o único tópico (que eu saiba) com essa informação, daí a citação.

Quando testei no Facebook Debugger, recebi alguns erros e nenhuma imagem foi exibida

Obrigado por esclarecer. Com certeza vou instalar este componente, pois é um recurso que realmente quero usar em algumas categorias. Também verifiquei um componente semelhante, o Topic Cards. Este parece ter seus próprios pontos fortes também.