Imagem para redes sociais

A imagem para redes sociais é a imagem exibida quando uma página é compartilhada em redes sociais e aplicativos de mensagens. A Silktide verifica se cada página especifica uma imagem, se a imagem realmente é carregada e se o tamanho declarado é adequado para um cartão de pré-visualização.

A imagem é definida com tags do no da página:

<!-- Um endereço completo da Web, com as dimensões da imagem declaradas -->
<meta property="og:image" content="https://www.example.com/images/course-preview.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Por que isso é importante

Links compartilhados com imagens recebem muito mais atenção do que links de texto simples. Se a imagem estiver ausente ou não carregar, as plataformas não exibirão imagem alguma ou escolherão uma imagem da página — geralmente um logotipo ou uma foto irrelevante. Se a imagem for pequena demais ou tiver um formato incomum, ela poderá aparecer cortada, desfocada ou reduzida a uma miniatura. Declarar a largura e a altura também permite que as plataformas renderizem a pré-visualização imediatamente na primeira vez que um link é compartilhado, em vez de exibi-lo sem imagem.

Como corrigir

No seu , procure o campo de imagem para redes sociais, imagem de pré-visualização para redes sociais ou imagem em destaque da página.
Use um endereço completo da Web (começando com https://) que funcione para o público, e não um endereço que só funcione enquanto você estiver conectado.
Prefira uma imagem horizontal ampla, idealmente com 1200 por 630 pixels e pelo menos 600 por 315.
Publique a largura e a altura da imagem nas tags og:image:width e og:image:height — a maioria dos plugins de SEO pode fazer isso automaticamente.

Como a Silktide faz esta verificação

Testamos cada página que poderia ser compartilhada — páginas que os mecanismos de pesquisa e as plataformas têm permissão para indexar.
Lemos a tag og:image da página. Informamos que a página tem uma imagem ausente ou com erro se não houver imagem, se o endereço não for um endereço completo da Web http/https, se a imagem não puder ser baixada ou se o arquivo baixado não for uma imagem.
Se a imagem carregar, verificamos se og:image:width e og:image:height estão declaradas. Se não estiverem, informamos o problema na página.
Se as dimensões estiverem declaradas, informamos que elas não são ideais quando a imagem tiver menos de 600 por 315 pixels ou quando seu formato estiver muito distante da proporção horizontal usada pelos cartões de pré-visualização (aproximadamente entre 1,4 e 2,1 vezes mais larga do que alta).

Solução de problemas

A imagem carrega normalmente no meu navegador

Uma imagem pode funcionar para você, mas falhar em um download automatizado pelos mesmos motivos que um link pode falhar — sessões de login, restrições geográficas ou bloqueio de tráfego automatizado. Consulte as orientações de solução de problemas para links quebrados. Se concluir que a imagem está realmente correta, o resultado.

Minha imagem está hospedada em outro domínio

Isso não é um problema. A imagem pode estar hospedada em qualquer lugar, como um serviço de hospedagem de imagens ou uma , desde que esteja acessível publicamente.

As dimensões informadas estão erradas

A Silktide lê as dimensões que a página declara nas tags og:image:width e og:image:height, não os pixels do próprio arquivo. Se você redimensionou a imagem, mas as tags ainda declaram o tamanho antigo, atualize as tags.