Ao publicar a url do site, está aparecendo uma imagem que não é interessante?

Ou depois de publicar a imagem some ou entra outra!?

Enquanto você não escolher qual a imagem você quer que seu site exponha ao ser compartilhado nas redes, ele vai usar:

😐imagem padrão da plataforma

😐uma imagem em branco

😔ou a ultima thumbnail usada (cache)

Vamos aprender hoje, como definir uma imagem padrão no HTML do site e renovar a imagem que é exibida no Facebook.

Serão dois passos pra corrigir isso:

☝Olhar na configuração do site qual a imagem está definida.

✌No caso do Facebook, usar a ferramenta online dele que trata dessas thumbnail que é o Depurador de Compartilhamento do Facebook.

Na imagem citada na capa deste post, trata-se de um site no Blogger e uma publicação no Facebook.

Para o blogger, a definição da thumbnail fica nessa linha:

!-- default image if no image found --

Precisará editar o HTML do Blogger

Clique em Tema e depois na setinha escolha Editar HTML

Você deverá encontrar essa linha bem no começo do código, nesse caso, a linha 80 e 81

(no computador esse texto ficam bem visível)

Repare que aí está definida uma imagem que vai ser usada no caso dele não encontrar uma imagem boa no site.
Você poderá escolher uma imagem de sua preferência, basta publica-la, pegar o endereço dela e colar aí.

Usamos um exemplo em que a imagem escolhida está sendo ignorada e o Facebook está usando uma imagem em branco.

Neste exemplo, na linha 81, a imagem é boa, atende aos requisitos; porém o Facebook considera esse um endereço inválido. Esse link funcionaria se copiasse ele e colasse na barra de endereço de um browser, mas esse tipo de link não é aceito pois não termina como uma imagem - Então a imagem foi ignorada.

Assim como foi mostrado no vídeo, que você pode também assistir (link no final do Post), o Facebook o ignorou e tentou usar aquela vermelha de oferta de cupom do site, porém ela também desaparece após publicar o post pois ela é de um link incorporado e também não serve.

O Facebook leva em consideração o tamanho da imagem e espera que o link da imagem comece com http: e termine com .jpg .png .webp e etc

Já neste exemplo aqui não foi aceita, porque é endereço do Fotos do Google