Otimização Visual
Imagens otimizadas para uma experiência melhor e um site mais eficiente.
Imagens costumam representar mais de 60% do peso total transferido em uma página web. Otimizar mídia não é apenas colocar um texto alternativo: é garantir velocidade, acessibilidade e relevância visual.
Velocidade de carregamento e acessibilidade trabalhando juntas.
Os fatores decisivos para o SEO de Imagens
1. Texto Alternativo (ALT) com Propósito
O atributo ALT serve primariamente à acessibilidade (leitores de tela) e ao entendimento dos robôs de busca. Evite keyword stuffing: descreva com clareza o que a imagem realmente exibe.
2. Formatos Modernos (WebP & AVIF)
Substitua arquivos JPEG ou PNG pesados por formatos de nova geração que oferecem a mesma qualidade visual com até 70% menos bytes transferidos.
3. Atributos Width e Height Explícitos
Sempre declare a largura e altura da tag <img>. Isso reserva o espaço no navegador antes do download e previne deslocamentos repentinos de layout (CLS).
4. Carregamento Preguiçoso (Lazy Loading)
Aplique loading="lazy" em imagens abaixo da dobra visual. Mas atenção: nunca coloque lazy loading na imagem principal do topo (hero), para não prejudicar o LCP.
O que a auditoria do Sitemapy verifica
O Sitemapy percorre todas as páginas do seu site e lista:
- • Imagens com atributo ALT vazio ou inexistente.
- • Arquivos com peso superior a 200 KB que necessitam de compressão.
- • URLs de imagens quebradas que retornam erro 404.
- • Imagens sem atributos de dimensão que afetam a estabilidade visual.
Exemplo: o banner principal usa lazy load
A foto que ocupa a primeira dobra tem loading=lazy e 900 KB. O navegador adia justamente o elemento que define o LCP. O ALT diz “imagem1”. O Google Imagens e o leitor de tela recebem um nome de arquivo, não uma descrição.
O que o diagnóstico encontra
- IMG sem ALT, ou ALT igual ao nome do arquivo
- Arquivo acima de 200 KB na primeira dobra
- Ausência de width e height
- Lazy load na imagem que deveria pintar primeiro
O que o Sitemapy publica
- ALT descrevendo o que a imagem mostra
- Dimensão no HTML para reservar o espaço
- Lazy load nas imagens abaixo da dobra
- Lista das URLs em que a mídia quebra o LCP ou o CLS
Perguntas frequentes
ALT é para keyword?
É para descrever a imagem a quem não a vê, inclusive ao buscador. Encher o ALT de palavra-chave atrapalha.
SVG de ícone precisa de ALT?
Ícone decorativo ao lado de um texto visível pode ter ALT vazio. Imagem que carrega o sentido da página precisa de descrição.
WebP sozinho melhora o ranking?
Ele reduz o peso. O ranking da página continua dependendo do conteúdo, dos links e do restante da técnica.
Otimize as imagens do seu site com o Sitemapy
Encontre imagens pesadas e falhas de acessibilidade em poucos cliques no nosso painel.