Otimizar as suas imagens para o SEO
6 min
A otimização das imagens impacta simultaneamente o referenciamento (via Google Image Search e os Core Web Vitals) e a experiência do utilizador. As quatro ações essenciais são: escolher o formato correto (WebP ou AVIF), comprimir sem perda visível de qualidade, preencher as etiquetas alt e implementar o lazy loading. Estas ações por si só podem reduzir o LCP em 20 a 40%.
As imagens representam em média 50 a 70% do peso de uma página web. Mal otimizadas, afundam os Core Web Vitals e penalizam a classificação. Bem otimizadas, abrem um canal de tráfego adicional via Google Imagens.
Escolher o formato de imagem correto
O formato WebP oferece uma compressão 25 a 35% superior ao JPEG para uma qualidade visual idêntica. O AVIF vai ainda mais longe, mas a sua compatibilidade com navegadores, embora boa em 2026, merece verificação consoante o seu público.
As imagens vetoriais (logótipos, ícones, ilustrações) devem estar em SVG: são leves, escaláveis e nunca se degradam.
O PNG continua relevante apenas para imagens que requerem transparência ou qualidade absoluta sem compressão — casos raros num contexto web padrão.
- Fotografias e visuais complexos: WebP ou AVIF.
- Logótipos, ícones, ilustrações: SVG.
- Capturas de ecrã com texto: WebP com compressão moderada (qualidade 80-85).
- Evite o GIF animado: substitua por um vídeo MP4 curto, 5 a 10 vezes mais leve.
Compressão e dimensões adaptadas
Uma imagem de 3 000 px de largura exibida numa coluna de 800 px transfere 3 a 4 vezes mais dados do que o necessário. Redimensione sempre antes de comprimir.
Vise um peso inferior a 100 KB para as imagens secundárias, menos de 200 KB para as imagens hero ou os visuais principais. Acima disso, o impacto no LCP torna-se mensurável.
A compressão e o redimensionamento das imagens permitem reduzir o tempo de carregamento inicial em 20 a 40% em páginas não otimizadas, com impacto direto nas pontuações dos Core Web Vitals.
Estudos sectoriais 2025-2026 sobre o desempenho web e o SEO
Etiqueta alt, nome de ficheiro e dados estruturados
A etiqueta alt é o único texto que o Google pode associar a uma imagem. Deve descrever o conteúdo visual com precisão, integrando naturalmente a palavra-chave se pertinente, sem forçar.
O nome do ficheiro é secundário mas útil: use palavras-chave separadas por hífens (imagem-seo-otimizacao.webp) em vez de IMG_4821.jpg.
Para imagens de produtos ou visuais-chave, adicione dados estruturados ImageObject ou Product com Schema.org para aumentar a visibilidade no Google Imagens e nos resultados enriquecidos.
Lazy loading e desempenho
O lazy loading carrega as imagens apenas quando entram no viewport. Isso reduz o peso inicial da página e melhora a pontuação FCP (First Contentful Paint).
Atenção: nunca aplique lazy loading à imagem hero ou LCP — o Google e o navegador devem carregá-la imediatamente. Use loading="eager" ou omita o atributo para esta imagem prioritária.
- Adicione loading="lazy" a todas as imagens fora do viewport inicial.
- Defina explicitamente os atributos width e height para evitar deslocamentos de layout (CLS).
- Use srcset para propor resoluções adaptadas ao ecrã do utilizador.
FAQ
O lazy loading é suportado nativamente pelos navegadores?
Sim, desde 2019 para o Chrome e os navegadores modernos, e desde 2021 para o Firefox. O atributo loading="lazy" é suficiente sem biblioteca JavaScript externa para a maioria dos sites.
O Google indexa imagens em WebP?
Sim, o Google suporta e indexa imagens WebP e AVIF sem problema. Estes formatos são mesmo recomendados pelas diretrizes do PageSpeed Insights do Google para reduzir o peso das páginas.
Uma etiqueta alt em falta penaliza o SEO?
Não penaliza diretamente, mas priva o Google de um sinal de contexto e exclui a imagem do referenciamento no Google Imagens. Num site de e-commerce ou num blogue com muitas imagens, a ausência de etiquetas alt representa uma perda significativa de tráfego.