Tamanho da Imagem ao Compartilhar post no Facebook

Ao compartilhar uma postagem do blog no Facebook às vezes a imagem aparece em tamanho grande e outras vezes em tamanho pequeno ao lado do texto, mas podemos fazer uma alteração na imagem postada no blog para controlar isso.

Tamanho da Imagem ao Compartilhar post no Facebook

Em alguns testes que fiz notei que o tamanho das imagens postadas no blog faz diferença de como elas aparecem na sua pagina de fãs do Facebook. Veja algumas dicas sobre o tamanho das imagens no Blog:
Redimensionar Imagens no Blog - Código para Mudar o Tamanho das Imagens
Problema com o Tamanho das Imagens nos Posts do Blogger

Imagens publicadas no blog com largura de 500 px ou mais aparecem grandes no Facebook quando publicamos em nossa pagina de Fã. As imagens ficam como se fossem um banner largo acima do texto. Veja o exemplo na pagina do Frases Curtas no Facebook:



Caso queira colocar algum post do Facebook no seu blog veja aqui:
Incorporar Postagens do Facebook no Blog (Embedded Posts).

Ou seja, essa forma dá muito mais destaque as suas publicações no Facebook e com isso pode ajudar a conseguir mais cliques no botão curtir, comentários e mais compartilhamentos.

Leia também:
Personalizar Gadgets (Plugins) do Facebook para Blogs e Sites
Como Integrar o Blog ao Facebook e Gerar mais Visitas
Escolher Qual Botão de Compartilhamento Aparece no Blog

Esperamos que funcione da mesma forma no seu blog e ajuda a melhorar a divulgação do seu blog e suas paginas no Facebook.

17 comentários :

  1. Olá Fabiano,

    Essa era uma dica que eu procurava há muito tempo.
    Eu uso uma imagem padrão que sempre aparece em todas os compartilhamentos, e queria que fosse essa imagem grande aí. Coloquei uma imagem com 500px de largura e funcionou.
    Grande abraço e obrigado.

    ResponderExcluir
    Respostas
    1. comigo também em todas as postagens que testei deu certo.

      Excluir
  2. Passei pelo teu blog para ver esta tua última publicação, que adorei.
    Vai daqui, deste meu belo Algarve, um especial abraço.

    ResponderExcluir
  3. Fabiano um dia vi aqui no blog um tutorial ensinando a colocar o link da postagem na imagem (do post) automaticamente, pesquisei aqui mas não achei, me passa o link?

    ResponderExcluir
    Respostas
    1. acho que não tem forma automática de colocar o link do post na imagem. Se tiver como fazer eu não lembro de ver esse tipo de código em lugar nenhum.

      é possível fazer na hora de publicar a postagem, mas isso é manualmente um post por vez

      Excluir
  4. Posto muito bom, fazia tempo que eu estava procurando isso

    ResponderExcluir
  5. Fabiano eu sempre usei o comentários do facebook com largura width='375' e mostrava o sistema de comentários todo, inteiro. Agora de uns tempo pra cá não aparece o sistema inteiro e se você ir na página do sistema no face https://developers.facebook.com/docs/plugins/comments e colocar a largura width='375' você vai ver que não aparece o sistema de comentários inteiro, apenas uma parte, nem aparece o botão pra comentar e é por isso que não recebo mais comentários em meu blog... O que posso fazer ?

    ResponderExcluir
    Respostas
    1. acho que vai precisar aumentar essa largura dos comentários, se não me engano o mínimo é 500

      Excluir
    2. mas o meu blog é de três colunas e o máximo da largura das postagens é 375, antes o tamanho se dava pra ajustar agora não mostra mais o botão para comentar, aliás com 375 mostra apena um parte o sistema para comentar e não ele todo...

      Excluir
  6. Eu tinha percebido isso a tempo... por isso só publico imagens em meu blog de 400 x 400, esse tamanho já faz a imagem aparecer com tamanho maior no face.... ótima dica :)

    ResponderExcluir
  7. Cadê você Fabiano, estamos com saudade das atualizações rs

    ResponderExcluir
    Respostas
    1. ainda estou por aqui ... eu estava fazendo outros projetos e precisei dar um tempo nas atualizações mas pretendo voltar em breve

      Excluir
  8. Fabiano, Ótimo Post, porem no meu caso o problema ocorre devido a alteração do template. Uso todas as imagens dentro de 400 ou 500 px e sempre que publicava na minha fan page ficava igual seu exemplo (a imagem grande e o texto embaixo), POREM, agora que eu troquei o template do blog fica pequeno do lado esquerdo com o apenas o titulo do lado direito, mais ou menos como se fosse uma publicação do YouTube.

    Sabe o que pode ser que está barrando, sendo que as imagens já são grandes e foi devido a alteração do template? Não sei o que e já vasculhei tudo na configurações do Blogger.

    ResponderExcluir
    Respostas
    1. nos testes que fiz a imagem só ficou grande no facebook quando a imagem postada no blogger era 500 ou mais.

      mas 500 tem que ser a largura da imagem que aparece no seu blog não adianta ela aparecer no seu blog com tamanho 400 e quando clica aparece maior.

      Excluir
  9. Boa noite!
    Eu uso imagens com largura original de 600px, todas iguais. Mas nm blog aparecem com 640px, que o limite. E mesmo assim, com todos os códigos e OG, ainda tem algumas que não funcionam. Tomara que um dia este problema seja resolvido automaticamente...um sonho!...rs
    Boa semana!

    ResponderExcluir
    Respostas
    1. quando envia a imagem para o blogger e clica nela quando está editando a postagem a opção tamanho grande é 640, já tentou usar a opção original?

      se mesmo assim não der certo o jeito é alterar o código html da imagem manualmente para a largura e altura correta.

      Excluir
  10. Gostei muito! Vai me ajudar, valeu!

    ResponderExcluir