Ir para o conteúdo principal
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.

Resolver problemas de pré-visualização de links em publicações sociais

Ultima atualização: Março 26, 2024

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

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

Quando adiciona links a posts sociais no HubSpot, é apresentada uma pré-visualização que inclui uma imagem em destaque, o título da página e a descrição da página.

As pré-visualizações sociais baseiam-se em meta tags na secção <head> do HTML da sua página. Estas etiquetas indicam às plataformas dos sites de redes sociais aquilo em que se devem concentrar quando criam uma pré-visualização da sua ligação partilhada. 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: o URL único do seu conteúdo que será utilizado 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 destino e páginas de sítios Web, embora o título e a meta descrição também sejam definidos automaticamente, a imagem em destaque deve ser definida manualmente

Atenção: O LinkedIn mostrará a sua imagem em destaque, o título da página e o URL no cartão de pré-visualização, mas não incluirá a sua meta descrição .

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 sua visualização de post social não estiver mostrando a imagem em destaque esperada, o título da página ou a descrição da página, você pode solucionar problemas no HubSpot ou usando ferramentas de depuração externas.

Solução de problemas dentro do HubSpot 

Se você estiver vinculando a uma postagem de blog, landing page ou página de site hospedada pela HubSpot, certifique-se de que uma imagem em destaque esteja definida nas configurações da página ou da postagem .

Também pode definir manualmente uma etiqueta og:image para adicionar uma imagem em destaque: 

  • Na sua conta da HubSpot, navegue para as suas Landing Pages ou páginas do site.

  • Passe o cursor do mouse sobre uma página e clique em Editar
  • No editor de conteúdo, clique na guia Configurações, em seguida, em Opções avançadas
  • Na secção Trechos de código adicionais , introduza este trecho de código  no campo Head HTML 

 <meta property="og:image" content="IMG URL">

<meta name="twitter:card" content="summary_large_image">

  • No canto superior direito, clique em Publicar ou Atualizar para efetivar as alterações. 

Solução de problemas com ferramentas para desenvolvedores do navegador

Se estiver a partilhar uma página externa na sua publicação social, pode utilizar as ferramentas de desenvolvimento do navegador, como Chrome Developer tools , para se certificar de que as meta tags da página estão corretamente configuradas. Ver a fonte da página e, em seguida, verificar e confirmar o seguinte:

  • O og:image e outras meta tags são apresentados corretamente. 
  • Os detalhes de cada tag estão corretos. Por exemplo, verifique se o URL da imagem em destaque para a etiqueta og:image está correto.
  • Só existe uma ocorrência de cada tipo de meta tag. Se houver várias ocorrências da mesma meta tag, as redes sociais podem não selecionar a correcta ao gerar uma pré-visualização da ligação.
  • As suas meta tags estão perto do topo do HTML. Se tiver código ou marcação extra antes das suas meta-etiquetas, os rastreadores das redes sociais podem não conseguir localizar essas etiquetas. 

consola ogimagec


Solução de problemas com ferramentas de depuração de rede social

Se você estiver vendo uma discrepância entre a visualização social e as metatags, a rede social pode precisar rastrear novamente essa página. Utilize as seguintes ferramentas de validação para cada rede social para detetar quaisquer erros ou desencadear uma nova análise da página:

  • Depurador de partilha do Facebook: O Facebook volta a retirar automaticamente o conteúdo partilhado a cada 24 horas. Para disparar manualmente um novo rastreamento, clique em Retirar novamente no Depurador de rastreamento.
  • X Card Validator: O X coloca o conteúdo em cache durante 7 dias depois de publicar um post. Introduza o seu URL e clique em Pré-visualizar cartão no Validador de cartões para ativar uma nova análise do seu conteúdo.
  • LinkedIn Post Inspetor : O LinkedIn coloca o conteúdo em cache durante 7 dias após a publicação de um post. Clique em Inspecionar, no Inspetor de post, para disparar um novo rastreamento do seu conteúdo.

Em geral, qualquer post publicado antes do novo rastreamento da página ainda manterá a imagem incorreta. Se a etiqueta og:image não tiver sido definida para uma página, a rede social irá analisar a página para encontrar a imagem mais adequada para incluir nas publicações sociais, que é normalmente a primeira imagem que encontra. 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.

Problemas de exibição da imagem em destaque 

Se a visualização do post social estiver exibindo a imagem em destaque esperada, mas a imagem não for exibida corretamente, verifique o seguinte. 

O tamanho ou o rácio da imagem está incorreto

Se a imagem em destaque não estiver a aparecer corretamente na pré-visualização social (por exemplo, a imagem está cortada ou a proporção está incorrecta), poderá ser necessário editar a imagem para que tenha as dimensões correctas para a rede social em que está a publicar e, em seguida, voltar a publicar a página. 

As seguintes dimensões são recomendadas para otimização da imagem em destaque em cada rede:

  • Facebook: 1.91:1
  • X: 16:9 para publicações com fotografias e 1,91:1 para imagens em destaque em publicações com hiperligações
  • 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 o HubSpot determinar que um arquivo é muito grande para ser publicado em uma determinada rede, um aviso aparecerá ao criar o post social. Estes são os tamanhos máximo de arquivo para cada rede social:

  • Facebook: 8MB (recomenda-se menos de 1MB para ficheiros PNG para evitar pixelização)
  • Instagram: 8MB
  • X: 5MB (15MB para GIFs)
  • LinkedIn: 10MB

Diferenças na cor da imagem

Os perfis de cor incorporados podem afetar a forma como a sua imagem em destaque aparece na sua publicação social. Diferentes sistemas processam perfis de cores incomuns de maneiras distintas, por isso as cores podem parecer diferentes ao visualizar a imagem no gerenciador de arquivos.

Pode executar o URL da sua imagem através de uma ferramenta externa para ver se está a utilizar um perfil de cor invulgar. 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 publicar novamente a página antes de publicar os posts sociais.

Diferenças na nitidez da imagem

O gerenciador de arquivos da HubSpot usa a compactação de imagem em JPEGs e PNGs para ajudar a otimizar as velocidades de carregamento do seu 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 pelo HubSpot.

Por isso, é recomendável usar imagens com resolução relativamente alta para cada rede. Se a sua imagem não estiver em conformidade com os requisitos de uma rede social, aparecerá um aviso na ferramenta de publicação social da HubSpot para ajudar a ajustar a sua imagem em conformidade.

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.