Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Social

Solucionar problemas de imagem em destaque nas visualizações dos posts sociais

Ultima atualização: Outubro 22, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic

Antes de publicar um post social, você pode visualizar como a imagem em destaque será exibida. Saiba como solucionar problemas com a imagem em destaque nas visualizações sociais.

Como os aspectos sociais funcionam

Uma visualização social é criada em meta tags na seção da sua página HTML. Essas tags fazem parte do Protocolo de Gráfico aberto, o que permite que qualquer página web se torne um objeto rich em um gráfico social. Essas tags dizem aos sites de mídias sociais como Facebook, LinkedIn, Twitter e Google+ no que se concentrar quando criar uma visualização de seu link compartilhado. As tags básicas são:

  • og:title: o título do conteúdo.
  • og:type: o tipo de conteúdo, como um vídeo ou página da web.
  • og: imagem: a URL da imagem para representar seu conteúdo.
  • og:url: a URL exclusiva do conteúdo que será usada como ID permanente.

O título, a metadescrição e a imagem em destaque são automaticamente definidas para os posts de blog. Para páginas de entrada e páginas de website, a imagem em destaque deve ser definida manualmente.

Posts de link vs. posts sociais

Quando você cria um post social no HubSpot, o comportamento da imagem varia dependendo do tipo de post compartilhado. Há dois tipos diferentes de posts sociais:

  • Post de link: um post que consiste basicamente em texto e contém uma URL.
  • Post de foto: um post em que o conteúdo principal é uma imagem.

O LinkedIn permite que os usuários selecionem uma foto para usar em um post de link, mas o Facebook e o Twitter selecionam automaticamente a imagem. Se você quiser incluir uma foto específica no Facebook ou no Twitter, crie um post de foto no HubSpot inserindo uma imagem no post antes de publicar.

insert-photo-into-social-post

 

Perguntas frequentes

Veja abaixo respostas para perguntas frequentes sobre visualizações de posts sociais.

Por que a imagem que eu escolhi não é mostrada na visualização social?

Primeiro, verifique se você selecionou uma imagem para o post de blog, landing page ou página do site. Se você estiver compartilhando uma página externa, use as ferramentas de desenvolvedor do Chrome para exibir a fonte da página e então pesquise a tag “og:image” para ver qual imagem será exibida.

Se você vir na visualização social uma imagem diferente da definida na tag og:image, a rede social pode precisar rastrear novamente essa página. Você pode usar as seguintes ferramentas de validação para disparar um novo rastreamento de página e descobrir qualquer erro que possa afetar a publicação:

  • Facebook: use o depurador de compartilhamento do Facebook para descobrir qualquer aviso ou erros com suas metatags ou para extrair a URL de conteúdo novamente para gerar a visualização mais atual do link do Facebook.
  • Twitter: use o cartão de validação do Twitter para descobrir qualquer aviso ou erros com suas meta tag ou para limpar a URL do conteúdo novamente para que ele gere a visualização mais atual do cartão do Twitter.
  • LinkedIn: use o cartão de validação do LinkedIn para descobrir qualquer aviso ou erros com suas meta tag ou para limpar o URL do conteúdo novamente para que ele gere a visualização mais atual do cartão do LinkedIn.

Se a tag de og:image não estiver definida para uma página, a rede social verificará a página para encontrar a imagem mais apropriada para incluir nos posts sociais, que geralmente é a primeira imagem encontrada. Uma imagem de visualização de link pode não aparecer se um arquivo robots.txt ou um software de segurança estiver sendo usado para impedir o rastreamento da página.

O que devo fazer se a imagem em destaque não estiver aparecendo corretamente?

Se a imagem em destaque não estiver aparecendo corretamente em sua visualização social (ex. a imagem é cortada ou o proporção está incorreta), você terá que editar a imagem para que ela tenha as dimensões certas para a rede social que estará usando, e republicar a página. As seguintes dimensões são recomendadas para otimização da imagem em destaque em cada rede:

  • Facebook 300:175
  • Twitter: 2:1
  • Instagram (quadrado): 1:1
  • Instagram (Retrato): 4:5
  • Instagram (Paisagem): 1.91:1
  • LinkedIn (Paisagem): 1.91:1

Certifique-se de que qualquer mídia incluída em seus posts sociais sigam as diretrizes de tamanho de arquivo para cada rede. Se a HubSpot determinar que um arquivo é muito grande para publicar em uma determinada rede, um aviso será exibido. O tamanho máximo de arquivo para cada rede social está listado abaixo:

  • Facebook 4MB (menos de 1MB recomendado para arquivos PNG para evitar pixelamento)
  • Instagram: 8MB
  • Twitter: 5MB (15MB para GIFs)
  • LinkedIn: 10MB

Você também pode escolher publicar seu post social como uma foto em vez de um link, o que permitirá ter mais controle sobre qual foto será exibida. Saiba mais sobre a diferença entre posts de link e posts de foto.

Por que as cores da imagem em destaque são diferentes após publicar meu post social?

Os perfis de cores incorporados podem afetar a forma como a imagem em destaque é exibida no post social. Os sistemas processam perfis de cores fora do comum de maneiras diferentes, e é por isso que as cores podem parecer diferentes ao visualizar a imagem no gerenciador de arquivos. Você pode executar sua URL de imagem por meio de uma ferramenta externa para ver se está usando um perfil de cor fora do comum. Se necessário, você pode remover o perfil de cores com interferência em uma ferramenta de edição de fotos como o Photoshop e republicar a página antes de publicar os posts sociais.

Por que as imagens dos meus posts ficam em branco quando publico por meio do HubSpot em vez de diretamente nas minhas contas de mídia social?

O gerenciador de arquivos da HubSpot usa compressão de imagem em JPEGs e PNGs para ajudar a otimizar as velocidades de carregamento do conteúdo hospedado na HubSpot. As redes de mídias sociais também usam compressão de imagem nos posts, mas a qualidade pode variar em relação à compressão usada pela HubSpot. Por isso, é recomendável usar imagens com resolução relativamente alta (na relação de aspecto recomendada) para cada rede. Se a imagem não estiver em conformidade com os requisitos de uma rede social, um aviso será exibido na ferramenta de publicação social da HubSpot para ajudá-lo a ajustar sua imagem.