
Blogger: como corrigir ALT inexistente com Lighthouse
![]() |
Lighthouse - Script para corrigir ALT inexistente | |
@CanalQb |
Se você já cometeu deslizes ao publicar no Blogger, saiba que não está sozinho. Muitos blogueiros não conhecem técnicas fundamentais de SEO exigidas por plataformas como Google Search Console e Bing.
Uma das ferramentas mais eficazes para correção e validação de SEO é o Lighthouse, desenvolvido pelo próprio Google. Essa solução gratuita oferece diagnósticos que ajudam seu blog a cumprir os critérios do Google AdSense e melhorar o ranqueamento.
Com centenas de postagens, é comum perder o controle sobre as imagens que estão sem o atributo ALT. Esse detalhe, muitas vezes ignorado, impacta diretamente na acessibilidade e na performance de SEO.
Por que o atributo ALT é essencial para seu blog
- Acessibilidade: descreve o conteúdo das imagens para leitores de tela, tornando seu site inclusivo.
- SEO: ajuda mecanismos de busca a entenderem o conteúdo visual, melhorando seu posicionamento.
- Experiência do usuário: o texto alternativo é exibido quando a imagem não carrega, mantendo o contexto.
- Indexação de imagens: aumenta a visibilidade em pesquisas por imagem.
- Evita penalizações: páginas sem ALT podem ser prejudicadas por algoritmos de ranqueamento.
Para facilitar esse processo, você pode usar um script simples que insere automaticamente o atributo ALT em todas as imagens da página.
Script automatizado para corrigir imagens sem ALT
Este é um exemplo de script para inserir atributos ALT automaticamente nas imagens de sua página. Recomendamos que seja adicionado manualmente ao
<head>
do template:<script> // <![CDATA[ window.onload = function () { const imagens = document.querySelectorAll('img'); imagens.forEach(function (imgElement) { imgElement.removeAttribute('style'); imgElement.removeAttribute('alt'); imgElement.setAttribute('alt', '@CanalQb'); imgElement.setAttribute('cls', '0'); imgElement.setAttribute('width', '100%'); imgElement.setAttribute('height', '100%'); imgElement.setAttribute('sizes', '(max-width: 320px) 280px, (max-width: 480px) 440px, 800px'); }); }; // ]]> </script>
Esse script ajuda tanto na acessibilidade quanto no desempenho SEO. Porém, lembre-se: ele não é uma solução definitiva. O ideal é revisar manualmente suas postagens e otimizar cada imagem.
Resultados práticos com o uso do script
Sem o script: pontuação de performance 62
Com o script: pontuação de performance 71
Mesmo com melhorias, ainda existem imagens sem ALT, principalmente as carregadas por scripts externos. Por isso, sempre revise seus posts quando possível.
Otimização de imagens para dispositivos móveis
O script também redefine os tamanhos das imagens com base em breakpoints responsivos. Isso evita problemas de layout em dispositivos móveis, garantindo uma navegação mais fluida.
Recomendações adicionais
- Use ferramentas como o Google PageSpeed para verificar o desempenho da sua página.
- Wallets seguras como MetaMask, Trust Wallet ou Ledger são recomendadas para perfis que atuam em ambientes com monetização digital.
- Evite usar sites como vivads.net, que não são confiáveis. Prefira alternativas como Shorte.st.
Atenção: qualquer decisão de investimento ou monetização deve ser feita com cautela. Avalie as ferramentas antes de usá-las e não se baseie apenas em resultados automatizados.
Se gostou do conteúdo, deixe seu comentário!