Este blog é um complemento do nosso canal no YouTube. Clique em @CanalQb para seguir e acompanhar nossos vídeos!

Sugestões de pesquisas

Melhore SEO no Blogger com script de imagem ALT automático

#SEOparaBlogger; #GoogleSearchConsole; #AcessibilidadeWeb
@CanalQb

Blogger: como corrigir ALT inexistente com Lighthouse

Deixe um comentário no fim do post
@CanalQb 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

@CanalQb

Sem o script: pontuação de performance 62

@CanalQb

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!

Postar um comentário

Comente só assim vamos crescer juntos!
CanalQb mais próximo Quer falar com o CanalQb?
Em que posso te ajudar?
Fale comigo