O advogado do desenvolvedor do Google, Martin Splitt, recentemente desmascarou um mito comum de SEO. Ele confirmou que as imagens carregadas com JavaScript podem ser indexadas pelo Google quando configuradas corretamente.

Splitt compartilhou essas idéias durante a conferência de SEO for Paws, um arrecadador de fundos de transmissão ao vivo por Anton Shulke.

Veja como evitar problemas comuns de indexação de imagem ao carregar imagens com JavaScript.

O carregamento da imagem JavaScript não é o problema

Quando perguntado sobre imagens carregadas por JavaScript, Splitt esclareceu que o método não é o culpado por indexação de problemas.

Splitt explica:

“JavaScript para carregar imagens é bom. Uma solução de carregamento de imagem puramente JavaScript pode absolutamente indexar suas imagens.”

Este comentário esclarece as preocupações entre muitos profissionais de SEO. As imagens podem não aparecer no Google Images por outros motivos que não sejam o JavaScript.

Os verdadeiros culpados por trás de imagens não indexadas

Splitt explicou que algo mais geralmente está errado se as imagens carregadas de JavaScript não aparecerem nos resultados da pesquisa.

Ele apontou para alguns problemas comuns:

• Problemas no mapa do site: Às vezes, as principais imagens estão ausentes nos sitemaps XML.
• Cabeçalhos HTTP: Alguns arquivos de imagem podem ter cabeçalhos que os impedem de serem indexados.
• Problemas HTML renderizados: Se as imagens não aparecerem no HTML renderizado (a versão Google vê após o JavaScript executar), elas não serão indexadas.

Debugando problemas de indexação de imagem JavaScript

Splitt oferece um processo simples para identificar problemas. Comece verificando se as imagens aparecem no HTML renderizado usando ferramentas como a ferramenta de inspeção de URL do console de pesquisa.

Splitt explica:

“Você teria que verificar: o HTML renderizado está contendo as imagens? Se for, fantástico. Se não for, então algo mais está desligado.”

Como o Google indexa o HTML renderizado, qualquer imagem faltando não será encontrada pelo GoogleBot.

Veja a palestra completa de Splitt no JavaScript SEO no vídeo abaixo:

https://www.youtube.com/watch?v=cji7t_4gizw

Técnicas de carregamento de imagem JavaScript comum e seu impacto de SEO

Existem várias maneiras de carregar imagens com JavaScript. Alguns métodos comuns incluem:

• Carregamento preguiçoso: Carrega imagens somente quando necessário.
• Carregamento progressivo: Mostra uma imagem de baixa qualidade primeiro e depois atualiza para uma de alta qualidade.
• Carregamento de rolagem infinita: Carrega imagens à medida que os usuários continuam rolando.
• Inserção de imagem de fundo: Adiciona imagens através de fundos CSS.

Se eles estiverem configurados corretamente, todos esses métodos podem funcionar com a indexação do Google. Cada um pode precisar de suas próprias verificações para garantir que tudo esteja funcionando como esperado.

Melhores práticas para o carregamento de imagem JavaScript amigável para SEO

Embora as imagens carregadas com JavaScript possam ser indexadas, seguir essas práticas recomendadas pode ajudar a evitar problemas:

• Verifique com a ferramenta de inspeção de URL: Verifique se as imagens aparecem no HTML renderizado.
• Atualize seus sitemaps XML: Inclua imagens -chave com tags adequadas.
• Use o texto alt: Forneça texto alt claro para imagens carregadas via JavaScript.
• Use carregamento preguiçoso nativo: Adicione o loading="lazy" atribuir onde faz sentido.
• Verifique robots.txt: Verifique se você não está bloqueando os recursos JavaScript que carregam imagens.

O que isso significa para profissionais de SEO

Em vez de evitar o JavaScript, verifique se as imagens são carregadas corretamente e aparecem no HTML renderizado.

Como os sites dependem mais do JavaScript, entender esses detalhes é fundamental. Os profissionais de SEO que aprendem a solucionar problemas e otimizam o carregamento de imagens baseados em JavaScript estarão melhor preparados para apoiar a visibilidade de seus clientes nos resultados de pesquisa.

Olhando para o futuro

Este esclarecimento é oportuno. Muitos sites modernos construídos com estruturas como React, Vue ou Carga Angular imagens usando JavaScript em vez de tradicional tags.

As idéias de Splitt ajudam a dissipar o mito de que o JavaScript prejudica a indexação de imagem. Os desenvolvedores agora podem se concentrar no desempenho sem se preocupar com as penalidades de SEO.

Imagem em destaque: Alicia97/Shutterstock