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 visualizações de links na ferramenta Social

Ultima atualização: Maio 21, 2020

Disponível para

Marketing Hub  Professional, Enterprise
Marketing Hub Basic (versão anterior)

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.

Uma visualização social é criada em meta tags na <head> 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:image: a URL da imagem para representar seu conteúdo.
  • og:url: a URL exclusiva do conteúdo que será usada como ID permanente.
  • og:description: a descrição que resume a imagem.

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.

 

A imagem em destaque, o título ou a descrição da página não está sendo exibida na visualização de post

Se a visualização do seu post social não estiver mostrando a imagem em destaque, o título ou a descrição da página esperada, há várias ferramentas de depuração que podem ser usadas para resolver o problema.

Como confirmar que você especificou uma imagem em destaque

Se estiver vinculando a um post de blog, landing page ou página do site hospedada na HubSpot, verifique se selecionou uma imagem em destaque.

Se você estiver compartilhando uma página externa no seu post, use as ferramentas de desenvolvedor do navegador, como as de desenvolvedor do Chrome para exibir a fonte da página e, em seguida, pesquise a tag og:image para ver qual imagem será exibida.

inspect-for-featured-image

Use as ferramentas de depuração das redes sociais para validar sua imagem e metatags

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.

Observação: O LinkedIn mostrará sua imagem em destaque, título da página e URL no cartão de visualização, mas não incluirá sua metadescrição.

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.

 

Requisitos de tamanho para imagens em destaque

Se a imagem em destaque de um link que você inseriu não estiver sendo exibida corretamente na visualização social (por exemplo, a imagem está cortada ou a proporção está incorreta), pode ser necessário editá-la para que ela tenha as dimensões certas da rede social na qual está publicando. Em seguida, publique novamente a página. As seguintes dimensões são recomendadas para otimização da imagem em destaque em cada rede:

  • Facebook: 300:175
  • Twitter: 16:9 para posts de fotos e 1.91:1 para imagens em destaque nos posts com link
  • 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.

 

Discrepâncias na cor e nitidez da imagem

Diferenças na cor da imagem

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.

Diferenças na nitidez da imagem

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.

/pt/social/featured-image-not-displaying-correctly-in-social-preview