As imagens desempenham um papel significativo na melhoria da experiência e do engajamento dos usuários . Ver imagens quebradas em seu site WordPress acaba por desvalorizar sua marca, e é por isso que é crucial aprender a corrigir imagens quebradas no WordPress.
Além do engajamento, as imagens também desempenham um papel importante no ranqueamento de sites, portanto, imagens quebradas podem ser uma má notícia para a reputação geral do seu site. Mas não se preocupe, existem muitas maneiras de detectar e corrigir imagens quebradas.
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. Hoje, vamos explorar o tema de imagens quebradas e como corrigi-las facilmente no WordPress.
Resumo: Guia rápido para corrigir imagens corrompidas em sites
- Utilize um plugin para analisar seu site e encontrar rapidamente arquivos de mídia ausentes ou indisponíveis.
- Verifique cuidadosamente os caminhos, nomes e extensões dos arquivos para garantir que correspondam exatamente.
- Recarregue ou substitua arquivos corrompidos ou excluídos diretamente da biblioteca de mídia.
- Evite links externos para imagens e mantenha os arquivos em seu servidor para maior confiabilidade e velocidade.
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 um ícone 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 depende muito de imagens de produtos, os usuários esperam recursos visuais de alta qualidade.
Se ele/ela encontrar uma imagem quebrada, isso pode impactar negativamente seu negócio e prejudicar a experiência do usuário. 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. É importante que você realize manutenções regulares no site, verifique se há imagens ou links quebradose os corrija imediatamente.
Muitos proprietários de sites também enfrentam problemas com imagens JPEG, especialmente quando esses arquivos são corrompidos ou renomeados acidentalmente.
Restaure todas as imagens e mantenha seu site impecável
Corrija elementos visuais ausentes, otimize a distribuição de mídia e garanta carregamento rápido com gerenciamento especializado de imagens e vídeos.
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 mais fácil é usar o plugin Broken Link Checker.
Com este plugin, você pode facilmente verificar se há imagens quebradas ou links inativos em seu site e corrigir imagens com problemas 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 de páginas e posts na barra de progresso enquanto a verificação estiver em andamento
- Assim que a verificação for concluída, você receberá uma lista de todos os links quebrados para que possa corrigir as imagens quebradas 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 o verificador de links quebrados da Seahawk Media, que faz parte de nossas ferramentas de teste gratuitas, ou contratar nossos desenvolvedores WordPress para obter resultados rápidos.
Relacionado: Como otimizar imagens e melhorar a velocidade do site
Como corrigir imagens quebradas no WordPress?
Antes de abordarmos como corrigir imagens quebradas no WordPress, vamos analisar alguns dos motivos por trás desse problema.
Vamos analisar os problemas que podem levar à quebra de imagens 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 são excluídos ou estão faltando no servidor (isso 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 taxas de rejeição.
Leia: Por que seu WordPress está lento?
Caminho de arquivo incorreto
O WordPress gera um caminho de arquivo para especificar a localização de uma imagem quando você a adiciona 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 aumentará se o caminho estiver incorreto.
Um simples erro de digitação no caminho de um arquivo JPEG pode quebrar a imagem instantaneamente, portanto, verifique cuidadosamente a estrutura de diretórios antes de atualizá-la. Para corrigir esse problema, encontre a postagem ou página com o ícone da imagem quebrada e substitua-a por outra imagem.
Eis 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 corrompida 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.
Substituindo imagens HTML personalizadas
Se você adicionar uma imagem usando HTML ou CSS personalizado, 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: Acesse Mídia ⟶ Adicionar novo. Clique em “Selecionar arquivos” e selecione o arquivo de imagem. Após a conclusão do upload, 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
Verifique os nomes dos arquivos
Uma causa comum de imagens quebradas e problemas de carregamento são nomes de arquivo incompatíveis. Você deve verificar a ortografia do arquivo de imagem no seu código para garantir que corresponda exatamente ao nome na biblioteca de mídia e corrigir imagens quebradas no WordPress.
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 corrompida 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 nos nomes dos arquivos, a imagem poderá não ser exibida, resultando em um 404 Não encontrado erro.
Isso costuma acontecer com um arquivo JPEG que foi renomeado manualmente sem que a referência do arquivo no WordPress fosse atualizada.
- 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.
Verifique sempre se o seu arquivo JPEG usa a extensão “.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 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 outro site. 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.
- Para evitar esses problemas, o ideal é fazer o upload de todas as imagens para o seu site antes de adicioná-las a uma página.
- Além disso, evite usar imagens de sites de terceiros, a menos que tenha permissão para fazê-lo. 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 também pode ajudar.
Quando o carregamento lento está ativado, seu servidor carrega as imagens somente quando o usuário rola a página até essa seção. 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 imagem 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 com 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 quando as permissões são muito restritivas, resultando em miniaturas quebradas em todo o seu site.
- Configurações de mídia incorretas: Às vezes, o problema está nas configurações de mídia do WordPress. Se o caminho da pasta de uploads estiver errado 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 novamente todas as alterações.
- Configurações de CDN incorretas: 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 preferir corrigir imagens quebradas no WordPress por conta própria, comece identificando a causa. Pode ser um caminho de arquivo corrompido ou incorreto. 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, tornar o carregamento mais lento ou criar espaços reservados com defeito, afetando a confiança do usuário.
Perguntas frequentes sobre como corrigir imagens quebradas no WordPress
Por que minhas imagens não estão aparecendo no meu site?
As imagens podem não funcionar devido a caminhos incorretos, URLs desatualizados ou imagens danificadas. Verifique os detalhes do arquivo, confirme os tamanhos das imagens e verifique os links após migrar para um novo domínio. Teste também em diferentes dispositivos, como computadores, celulares e tablets.
Como posso corrigir imagens que exibem mensagens de erro?
Comece verificando o caminho e a extensão do arquivo, como GIF ou TIFF. Se necessário, faça o upload dos arquivos novamente e corrija os links quebrados. Limpe o cache dos seus plugins de cache e atualize o navegador (por exemplo, o Chrome) para resolver o problema.
Os plugins de cache podem causar problemas de imagem?
Sim. Os arquivos em cache podem exibir versões desatualizadas. Limpe o cache e recarregue a página. Se o problema persistir, redefina as configurações do plugin e verifique a compatibilidade da versão mais recente com seu provedor de hospedagem.
Por que as imagens parecem desfocadas ou de baixa qualidade?
Imagens com baixa resolução ou tamanho incorreto podem degradar a qualidade. Envie arquivos de alta resolução e evite compactá-los repetidamente. Sempre baixe e visualize as imagens antes de publicar para manter a qualidade em dispositivos Windows e móveis.
O que devo fazer se as imagens não carregarem em alguns dispositivos ou navegadores?
Teste seu site em outros navegadores e dispositivos. Limpe o cache e verifique as configurações de responsividade. Se o problema persistir, entre em contato com seu provedor de hospedagem e anote quaisquer erros do servidor nos registros de comentários para garantir uma resposta adequada.
