As imagens desempenham um papel significativo na melhoria da experiência e do engajamento dos usuários . A presença de imagens quebradas em um site WordPress acaba por desvalorizar a imagem da sua marca, razão pela qual é crucial saber como corrigir esse problema no WordPress.
Além do engajamento , as imagens também desempenham um papel importante no posicionamento de um site nos resultados de busca. Portanto, imagens quebradas podem ser prejudiciais para a reputação geral do seu site. Mas não se preocupe, existem muitas maneiras de detectar e corrigir imagens quebradas no WordPress.
Embora você sempre possa garantir que os links do seu site WordPress estejam funcionando corretamente com a ajuda do suporte do WordPress , é importante entender o básico para corrigir imagens quebradas. Portanto, hoje, vamos explorar essas imagens quebradas e como você pode corrigi-las facilmente no WordPress.
Vamos começar.
O que é uma imagem corrompida e por que é importante corrigi-la?
Em termos simples, imagens quebradas levam a um link que não está mais disponível ou está corrompido. Quando os usuários clicam em uma imagem quebrada, eles recebem um erro 404 ou o símbolo de imagem quebrada, indicando que a imagem está quebrada/indisponível. Este é um dos erros mais comuns do WordPress .
Como mencionado inicialmente, uma imagem quebrada é um evento crítico para o seu site. Por exemplo, se você tem uma loja virtual ou um site de serviços que geralmente depende de imagens de produtos , um usuário que navega por esses sites espera ver imagens de boa qualidade.
Se ele/ela encontrar uma imagem quebrada, isso pode ter um impacto negativo em seu negócio, além de prejudicar a experiência do usuário como um todo.
Não apenas os usuários, mas também os robôs do Google podem escanear seu site em busca de links quebrados e sinalizá-lo como não confiável ou spam devido a imagens quebradas. Isso também afeta o design responsivo do seu site WordPress .
Portanto, ter imagens ou links quebrados em seu site pode prejudicar sua credibilidade e imagem de marca. Assim, é importante realizar manutenções regulares no site , verificar se há imagens ou links quebrados e corrigi-los imediatamente.
Muitos proprietários de sites também enfrentam problemas com imagens JPEG, especialmente quando esses arquivos são corrompidos ou renomeados acidentalmente.
Relacionado : Como otimizar imagens e melhorar a velocidade do site
Resolva problemas do WordPress com suporte especializado para sites.
Obtenha ajuda com imagens quebradas, erros, atualizações e manutenção completa do WordPress.
Como detectar imagens quebradas no WordPress?
Agora que você entende links quebrados e como eles podem afetar a reputação do seu site WordPress, é fundamental detectar imagens quebradas.
Embora existam muitas maneiras de verificar links quebrados em seu site, a maneira mais fácil é usar um plugin do WordPress conhecido como Broken Link Checker . Com este plugin, você pode facilmente verificar se há imagens quebradas ou links inativos em seu site e corrigir imagens quebradas no WordPress.
O plugin possui uma versão gratuita e uma versão premium. A versão gratuita permite detectar problemas com uma verificação manual, enquanto a versão premium oferece recursos mais avançados. Para começar a detectar imagens e links quebrados:
- Instale e ative o plugin de verificação de links quebrados no WordPress
- Após instalar o plugin, acesse a página do verificador de links quebrados, selecione "Verificação de links quebrados" e clique em "Iniciar uma nova verificação"
- O plugin começará a escanear seu site em busca de todos os links quebrados. Você poderá ver o número total de páginas e posts na barra de progresso enquanto a verificação estiver em andamento
- Assim que a verificação terminar, você receberá uma lista de todos os links quebrados para que possa corrigir as imagens com problemas no WordPress.
Essas verificações ajudam você a identificar rapidamente arquivos de imagem ausentes que podem ter sido movidos, excluídos ou vinculados incorretamente durante atualizações ou migrações.
Como alternativa, você pode usar a ferramenta de verificação de links quebrados da Seahawk, que faz parte de nossas ferramentas de teste gratuitas , ou contratar nossos desenvolvedores WordPress para obter resultados rápidos.
Como corrigir imagens quebradas no WordPress?
Antes de abordarmos como corrigir imagens quebradas no WordPress, que tal analisarmos alguns dos motivos por trás desse problema? Vamos examinar as causas que podem levar a imagens quebradas no WordPress:
- Caminho do arquivo da imagem incorreto.
- Arquivo de imagem corrompido.
- Incompatibilidade no formato da imagem (por exemplo, o arquivo de imagem é .jpg, mas o código o identifica como .png).
- Alterações no nome do arquivo de imagem.
- Arquivos excluídos ou ausentes do servidor (geralmente ocorre durante a migração do site).
Os motivos acima são algumas das causas de imagens quebradas em seu site. Vamos ver como podemos corrigir esses problemas, consertar imagens quebradas no WordPress e reduzir as chances de rejeição .
Leia: Por que seu WordPress está lento?
Caminho de arquivo incorreto: como corrigir imagens quebradas no WordPress
O WordPress gera um caminho de arquivo para especificar a localização da imagem quando você adiciona imagens ao seu site. Os navegadores da web usam esse caminho no atributo src da imagem para localizar e exibir a imagem. As imagens não serão exibidas e o tempo de carregamento se o caminho estiver incorreto.
Um simples erro de digitação no caminho de um arquivo JPEG pode corromper a imagem instantaneamente, portanto, verifique cuidadosamente a estrutura de diretórios antes de atualizá-la.
Relacionado : O que é o Índice de Velocidade?
Para corrigir esse problema, você precisa encontrar a postagem ou página com o ícone de imagem quebrado e substituí-lo por outra imagem. Veja como:
- Faça login no seu painel de controle do WordPress .
- Acesse a publicação ou página com a imagem quebrada.
- Passe o cursor sobre a publicação e selecione “ Editar ”.
- No editor de posts, role até a seção com a imagem quebrada.
- Clique na imagem quebrada e selecione “ Substituir ”.
- Selecione uma imagem da sua biblioteca de mídia ou carregue uma nova imagem.
- Clique em “ Atualizar ” para salvar suas alterações.
Relacionado: Como melhorar o PageSpeed Insights do Google no WordPress
Substituindo imagens HTML personalizadas
Se você adicionar uma imagem usando HTML ou CSS , certifique-se de que o caminho esteja correto. Veja como verificar e corrigir, principalmente se estiver no bloco CSS adicional:
- Faça login no painel do WordPress. Acesse Aparência ⟶ Personalizar .
- Selecione o bloco CSS adicional ou o menu CSS personalizado.
- No editor de código, localize a linha de código onde a foto foi adicionada e selecione o caminho da imagem.
- Clique com o botão direito do mouse e selecione " Ir para o caminho do arquivo ". Se a imagem não estiver disponível, você verá um erro 404 Não encontrado.
- Recarregue a imagem no seu site: Navegue até Mídia ⟶ Adicionar novo . Clique em “ Selecionar arquivos ” e selecione o arquivo de imagem. Assim que o carregamento for concluído, clique em “ Copiar URL para a área de transferência ”.
- Volte à página de personalização e substitua o link da imagem quebrada pelo novo URL que você copiou. Clique em “ Publicar ” para salvar as alterações.
Arquivos de imagem corrompidos adicionados por meio de HTML ou CSS personalizados são especialmente comuns, portanto, sempre verifique se o arquivo existe na pasta de uploads correta.
Não perca : Tarefas de manutenção do WordPress: Lista de verificação definitiva que você precisa seguir
Verifique os nomes dos arquivos
Uma causa comum de imagens quebradas e problemas de carregamento são nomes de arquivo incompatíveis. Para corrigir imagens quebradas no WordPress, você deve verificar a ortografia do arquivo de imagem no seu código para garantir que ela corresponda exatamente à do arquivo na biblioteca de mídia.
Vejamos como podemos resolver esse problema:
- Faça login no seu painel de controle do WordPress.
- Acesse Mídia ⟶ Biblioteca .
- Utilize a caixa de pesquisa para encontrar a imagem que deseja comparar.
- Passe o cursor sobre a imagem e selecione “ Visualizar ”.
- Verifique a barra de endereços para encontrar o caminho da imagem. A parte destacada é o nome do arquivo da imagem.
Agora, vá para a postagem com a imagem quebrada:
- Abra a página no seu navegador.
- Clique com o botão direito do mouse na imagem quebrada e selecione “ Abrir imagem em uma nova guia ”.
- Compare o nome do arquivo na barra de endereços com o nome do arquivo na biblioteca de mídia.
Se ainda houver discrepâncias entre os nomes dos arquivos, isso pode estar impedindo a exibição da imagem, resultando em um erro 404 (arquivo não encontrado ).
Isso costuma acontecer com um arquivo JPEG que foi renomeado manualmente sem que a referência ao arquivo fosse atualizada no WordPress.
- Edite a publicação com a imagem quebrada.
- Substitua o nome de arquivo incorreto pelo nome correto da biblioteca de mídia
- Atualize a publicação para salvar as alterações.
Se a imagem ainda não aparecer, faça o upload dela novamente e adicione-a à sua publicação. Certifique-se de atualizar a publicação para salvar as alterações. Isso deve resolver o problema e a imagem deverá ser exibida corretamente.
Aprenda : Como corrigir um painel administrativo do WordPress
Extensões de arquivo incorretas
É importante verificar duas vezes as extensões dos arquivos de suas imagens. Mesmo que o nome do arquivo esteja correto, uma extensão incorreta pode causar problemas. Sempre verifique se o seu arquivo JPEG usa “.jpeg” ou “.jpg”, pois extensões incompatíveis podem impedir o navegador de carregar a imagem.
Por exemplo, você pode enviar um arquivo de imagem .jpg, mas o código o referencia como .png. Essa incompatibilidade impedirá o carregamento da imagem.
Outro problema comum está relacionado às extensões “jpg” e “jpeg”. Embora esses formatos de imagem sejam iguais, usar um em vez do outro pode resultar em um erro de imagem corrompida. Certifique-se de que a extensão do arquivo no seu código corresponda exatamente àquela na sua biblioteca de mídia para evitar problemas.
Utilize um caminho de arquivo relativo
Usar um caminho de arquivo relativo cria links para um arquivo com base em sua localização em relação ao URL da página inicial. No WordPress, um caminho relativo omite o nome do domínio e usa apenas o caminho após o domínio.
Por exemplo , no atributo “src”, em vez de usar
“https://example.com/wp-content/uploads/image.png, “você pode usar “/wp-content/uploads/image.png.”
Este link mais curto ainda funcionará perfeitamente para suas imagens.
Uma das vantagens de usar um caminho relativo é que suas imagens continuarão funcionando mesmo se você alterar o nome do domínio, desde que os arquivos permaneçam hospedados no mesmo servidor. Essa abordagem oferece flexibilidade e garante que suas imagens permaneçam acessíveis mesmo após mudanças de domínio.
Leitura recomendada : Como migrar um site WordPress para um novo domínio
Verificar se a imagem existe
Às vezes, você pode incluir um link para uma imagem hospedada em um site diferente. Se esse site sair do ar ou for transferido para um servidor diferente, suas imagens não estarão mais disponíveis.
Além disso, o link direto para outro site aumenta a utilização do servidor no site que hospeda a imagem. Se o site de hospedagem desativar o hotlinking, sua imagem não será exibida.
Aprenda : O que é estabilidade de links em SEO?
Para evitar esses problemas, o ideal é fazer o upload de cada imagem para o seu site antes de adicioná-la a uma página. Além disso, evite usar imagens de sites de terceiros, a menos que você tenha permissão para isso. Isso garante que suas imagens estejam sempre disponíveis e reduz o risco de links quebrados .
Embora não seja comum, problemas de transferência podem ocorrer. Às vezes, seu servidor fica sobrecarregado e não consegue carregar todos os recursos da página com rapidez suficiente antes que a solicitação expire. Esse problema é mais frequente em servidores web mais baratos .
Considere aumentar a capacidade do seu servidor ou migrar para uma hospedagem web mais confiável para resolver esse problema. Além disso, habilitar o carregamento lento (lazy loading) para suas imagens pode ajudar. Quando o carregamento lento está habilitado, seu servidor carregará as imagens somente quando o usuário rolar a página até a seção correspondente. Isso reduz a carga do servidor e acelera seu site .
Causas comuns de imagens quebradas no WordPress
Vamos analisar alguns dos motivos mais comuns pelos quais os URLs de imagens não carregam e como você pode solucionar esses problemas.
URLs de imagem incorretas
Uma das causas mais comuns de imagens quebradas são URLs de imagens incorretas ou desatualizadas. Isso geralmente acontece após a migração do seu site ou a mudança de domínio. Se a estrutura de URLs do seu site mudou, mas os links das imagens não foram configurados corretamente, você acabará com imagens ausentes.
Problemas de permissões de arquivos
Se seus arquivos de imagem não tiverem as permissões corretas, os navegadores não conseguirão acessá-los. Isso pode resultar em miniaturas quebradas ou imagens de produtos que não carregam. Certifique-se de que suas imagens sejam legíveis pelo servidor — geralmente, uma permissão de 644 é configurada corretamente para arquivos de imagem.
Às vezes, seu servidor pode bloquear o acesso a arquivos de imagem se as permissões forem muito restritivas, resultando em miniaturas quebradas em todo o seu site.
Configurações de mídia mal configuradas
Às vezes, o problema está nas configurações de mídia do WordPress. Se o caminho da pasta de upload estiver incorreto ou não corresponder à estrutura do seu site, as imagens não aparecerão onde deveriam.
Problemas com o arquivo .htaccess
O arquivo .htaccess controla muitos aspectos do comportamento do seu site. Um erro aqui, como um redirecionamento mal configurado ou regras de acesso bloqueadas, pode impedir o carregamento de imagens. Sempre faça um backup antes de editar este arquivo e verifique cuidadosamente todas as alterações.
Configurações de CDN não estão configuradas corretamente
Utiliza uma Rede de Distribuição de Conteúdo (CDN)? Isso é ótimo para a velocidade, mas apenas se as configurações da sua CDN estiverem corretas. Se elas estiverem apontando para caminhos antigos ou incorretos, ou se as versões em cache estiverem desatualizadas, as imagens podem não aparecer.
Versões em cache de um arquivo JPEG armazenadas em sua CDN também podem causar problemas de exibição até que o cache seja completamente limpo.
Leia : Os melhores serviços de otimização de velocidade para WordPress
Conclusão
Manter seu site livre de imagens quebradas é importante para preservar uma boa reputação, engajar usuários e melhorar seu posicionamento nos mecanismos de busca. Como explicado acima, existem várias maneiras de detectar e corrigir imagens quebradas no WordPress.
Se você preferir corrigir imagens quebradas no WordPress por conta própria, comece descobrindo a causa do problema. Pode ser um arquivo corrompido, um caminho de arquivo incorreto ou algo mais. Depois de identificar a causa, você pode corrigi-la restaurando, substituindo ou excluindo a imagem.
Manter seu site livre de imagens quebradas não só melhora a experiência do usuário, como também contribui para o seu posicionamento nos mecanismos de busca. Mesmo um único arquivo JPEG corrompido pode prejudicar o layout da página, causar lentidão no carregamento ou criar espaços reservados quebrados, afetando a confiança do usuário.
Perguntas frequentes
Como corrigir imagens quebradas em um site?
Verifique se os URLs das imagens estão corretos, limpe o cache e certifique-se de que as permissões de acesso aos arquivos estejam corretas. Além disso, revise seu arquivo .htaccess e as configurações da CDN.
Como faço para corrigir um erro de imagem quebrada?
Verifique o URL da imagem, confirme se o arquivo foi carregado e certifique-se de que está na pasta correta. Atualize os links, se necessário, e limpe as versões em cache do seu site.
Por que minhas imagens não estão sendo exibidas corretamente no WordPress?
As imagens podem não ser exibidas devido a configurações de mídia incorretas, arquivos ausentes, URLs quebrados ou temas/plugins desatualizados. Permissões de arquivo e configurações incorretas de CDN também podem causar esse problema.
Como resolver o problema de upload de imagens no WordPress?
Certifique-se de que o tamanho do seu arquivo esteja dentro dos limites, verifique as permissões da pasta e certifique-se de que as configurações de mídia estejam corretas. Além disso, atualize o WordPress para a versão mais recente.
Como posso evitar que imagens quebradas apareçam no WordPress no futuro?
Mantenha sua biblioteca de mídia organizada, evite renomear arquivos após o upload, atualize os plugins regularmente e use um provedor de hospedagem confiável para reduzir erros no carregamento de imagens.
Um plugin pode causar problemas com imagens no WordPress?
Sim. Alguns plugins podem alterar os caminhos dos arquivos, bloquear o carregamento de mídia ou entrar em conflito com o seu tema. Desative os plugins instalados recentemente, um por um, para identificar se algum deles está causando o problema com as imagens.
