Quando você adiciona links para posts sociais no HubSpot, é exibida uma visualização que inclui uma imagem em destaque, o título da página e a descrição da página.
As visualizações sociais são baseadas em metatags na <head> seção da sua página HTML. Essas tags dizem aos sites de mídias sociais no que focar ao criarem uma visualização do seu link compartilhado. As tags básicas são:
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 do site, embora o título e a meta descrição também sejam definidos automaticamente, o a imagem em destaque deve ser definida manualmente .
Observação: o LinkedIn mostrará a imagem em destaque, o título da página e a URL no cartão de visualização, mas não incluirá sua metadescrição.
Se a visualização do post social não exibir a imagem em destaque, o título ou a descrição da página esperados, você poderá solucionar o problema no HubSpot ou usando ferramentas externas de depuração.
Se você estiver vinculando a uma postagem de blog, página de destino ou página de site hospedada pela HubSpot, certifique-se de que uma imagem em destaque esteja definida no página ou Postagens configurações.
Você também pode definir manualmente uma og:image tag para adicionar uma imagem em destaque:
Acesse seu conteúdo:
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Se você estiver compartilhando uma página externa no post social, use ferramentas para desenvolvedores de navegador, como as Ferramentas para desenvolvedores do Chrome para garantir que as metatags da página estejam configuradas corretamente. Visualize a origem da página e, em seguida, verifique e confirme o seguinte:
og:image e outras metatags são exibidas corretamente. og:image está correto.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. Use as seguintes ferramentas de validação para cada rede social para descobrir quaisquer erros ou acionar um novo rastreamento de página:
Em geral, qualquer post publicado antes do novo rastreamento da página ainda manterá a imagem incorreta. Se a tag 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.
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.
Se a imagem em destaque 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:
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, será exibido um aviso ao criar um post social. Estes são os tamanhos máximo de arquivo para cada rede social:
Os perfis de cores incorporados podem afetar a forma como a imagem em destaque é exibida no post 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.
Você pode executar o URL da sua 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 publicar novamente a página antes de publicar os posts sociais.
Gerenciador de arquivos da HubSpot usa compactação de imagem em JPEGs e PNGs para ajudar a otimizar as velocidades de carregamento em seu conteúdo hospedado no 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 imagem não estiver em conformidade com os requisitos de uma rede social, um aviso será exibido na ferramenta de publicação social do HubSpot para ajudá-lo a ajustar sua imagem.