Uma das frustrações comuns para usuários do WordPress é quando a imagem não aparece corretamente ao compartilhar uma publicação nas redes sociais. Esse problema pode afetar como seu conteúdo é exibido e percebido pelo seu público, reduzindo potencialmente o engajamento. Felizmente, há várias maneiras de solucionar e resolver esse problema. Nesta publicação, mostraremos as etapas para garantir que suas imagens apareçam corretamente ao compartilhar publicações no WordPress.
Causas comuns de imagens ausentes
Antes de mergulhar nas soluções, é importante entender os motivos comuns pelos quais uma imagem pode não aparecer ao compartilhar uma postagem:
- Tags Open Graph ausentes ou incorretas: Plataformas de mídia social dependem de tags Open Graph (OG) para determinar qual imagem, título e descrição exibir. Se essas tags estiverem faltando ou incorretas, a imagem pode não aparecer.
- Nenhum conjunto de imagens em destaque: Se sua postagem não tiver uma imagem em destaque definida, plataformas como o Facebook podem não saber qual imagem usar.
- Problemas com o tamanho da imagem: Algumas plataformas de mídia social têm requisitos específicos para dimensões de imagem. Se a imagem for muito pequena ou não atender aos requisitos mínimos de tamanho, ela pode não ser exibida.
- Problemas de cache: Se o seu site usa cache e você atualizou recentemente a imagem em destaque ou o conteúdo da postagem, a versão antiga ainda pode estar armazenada em cache, fazendo com que a imagem errada apareça.
- Conflitos com plugins ou temas: Às vezes, outros plugins ou o próprio tema podem interferir na forma como as imagens são exibidas ou como as tags do Open Graph são geradas.
Soluções passo a passo
Veja como você pode solucionar e corrigir o problema de imagens que não aparecem ao compartilhar uma postagem no WordPress:
1. Certifique-se de que as tags Open Graph estejam presentes
As tags Open Graph são cruciais para controlar como seu conteúdo é exibido em plataformas de mídia social. Sem elas, as plataformas podem ter dificuldade para identificar a imagem correta.
- Use um plugin de SEO: Plugins como Yoast SEO ou Tudo em um SEO adicione automaticamente tags Open Graph às suas postagens. Certifique-se de que esses plugins estejam configurados corretamente para incluir a imagem em destaque nas tags OG.
2. Defina uma imagem em destaque para cada postagem
Uma imagem em destaque é frequentemente a imagem padrão usada por plataformas de mídia social ao compartilhar seu conteúdo. Veja como garantir que ela esteja definida:
- Defina a imagem em destaque: Ao criar ou editar uma postagem, certifique-se de que uma imagem em destaque esteja definida na barra lateral na seção “Imagem em destaque”.
- Imagem de fallback: Se você frequentemente esquece de definir uma imagem em destaque, considere usar um plugin que atribui automaticamente uma imagem de reserva caso nenhuma seja definida.
3. Adicionando o código ao seu tema
Agora que você entende a importância das tags Open Graph, vamos adicionar o código necessário ao seu tema funções.php arquivo. Se você estiver usando um tema filho, adicione o código ao tema filho funções.php arquivo para garantir que suas alterações não sejam substituídas durante futuras atualizações do tema pai.
- Acesse o painel do WordPress e vá para Aparência > Editor de Temas.
- Selecione o
funções.phparquivo do seu tema ou tema filho. - Adicione o seguinte código PHP no final do arquivo:
- função add_opengraph_tags() {
se (é_único() || é_pagina()) {
postagem global $;
se (tem_miniatura_do_post($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'completo');
} outro {
// URL da imagem padrão se a postagem não tiver imagem em destaque
$img_src = array('https://www.example.com/default-image.jpg');
}// Título da postagem
$title = obter_o_título();
// Descrição da postagem
$description = obter_o_trecho();echo ' ';
eco ' ';
eco ' ';
eco ' ';
eco ' ';
}
}
adicionar_ação('wp_head', 'adicionar_tags_opengraph');
Explicação do código:
adicionar_tags_opengraph(): Esta função verifica se a página atual é uma postagem ou página e, se for, gera as tags Open Graph apropriadas.- Imagem em destaque:
tem_post_thumbnail($post->ID): Verifica se a postagem tem um conjunto de imagens em destaque.wp_get_attachment_image_src(): Recupera a URL em tamanho real da imagem em destaque. Se o post não tiver uma imagem em destaque, uma imagem padrão será usada.
- Título e Descrição:
obter_o_título()eobter_o_trecho(): Recupere o título e a descrição da postagem, que são usados paraog:títuloeog:descriçãotags, respectivamente.
- URL canônica e tipo de conteúdo:
obter_link_permanente(): Recupera a URL da postagem atual para oog:urlmarcação.og:tipo: Defina como “artigo” para indicar que o conteúdo é um artigo.
4. Limpar caches
Se você fez alterações em sua postagem ou imagem, mas a imagem antiga ainda está aparecendo, pode ser devido ao cache.
- Limpe o cache do seu site: Se você estiver usando um plugin de cache, limpe o cache depois de fazer alterações para garantir que a versão atualizada seja disponibilizada aos usuários.
- Use o depurador de compartilhamento do Facebook: O Facebook armazena em cache as tags OG para uma URL. Use o Depurador de compartilhamento do Facebook para atualizar o cache do Facebook para sua postagem.
5. Verifique se há conflitos de plugins ou temas
Às vezes, outros plugins ou seu tema podem interferir na forma como as imagens são manipuladas. Veja como solucionar o problema:
- Desabilitar plugins conflitantes: Desative temporariamente quaisquer plugins que possam interferir no manuseio de imagens ou no SEO, como vários plugins de SEO, e verifique se o problema persiste.
- Mudar para um tema padrão: Mude temporariamente para um tema padrão do WordPress (como Twenty Twenty-One) para ver se o problema é relacionado ao tema. Se a imagem aparecer corretamente com o tema padrão, o problema pode estar no seu tema atual.
Garantir que a imagem correta apareça ao compartilhar uma publicação nas mídias sociais é crucial para maximizar o engajamento e fazer seu conteúdo parecer profissional. Seguindo as etapas descritas neste artigo — verificar as tags do Open Graph, definir uma imagem em destaque, garantir tamanhos de imagem corretos, limpar caches e solucionar possíveis conflitos — você pode resolver esse problema comum do WordPress.
Se você continuar a ter problemas, considere consultar um Desenvolvedor WordPress que pode ajudar você a diagnosticar e resolver problemas mais complexos. Com a configuração certa, suas postagens sempre ficarão ótimas quando compartilhadas nas mídias sociais!
Foto por Lucas
