SEO· 6 min de leitura

Como otimizar imagens para SEO

Imagens mal otimizadas são uma das principais causas de sites lentos — e sites lentos perdem ranqueamento. A boa notícia é que otimizar imagens é simples e tem impacto imediato.

CP
Camila Paidosz
Especialista em SEO · Marka Studio

Por que imagens afetam o SEO

Imagens pesadas são a principal causa de LCP alto — a métrica de Core Web Vitals que mede velocidade de carregamento. Uma imagem de 3MB numa página que poderia ter 300KB pode facilmente tirar você da zona verde do Google.

Mas imagens também são uma oportunidade: o Google Images é um canal de tráfego significativo, especialmente para nichos visuais como moda, gastronomia, decoração e beleza. Imagens bem otimizadas aparecem tanto na busca normal quanto no Google Images.

Qual formato usar

WebP
Recomendado para tudo

30-50% menor que JPEG mantendo a mesma qualidade. Suportado por todos os navegadores modernos. Use sempre que possível.

JPEG/JPG
Fotos e imagens complexas

Bom para fotografias. Se não puder usar WebP, JPEG comprimido (qualidade 80-85%) é a segunda melhor opção.

PNG
Apenas quando necessário

Use só quando precisar de transparência (fundos transparentes). PNG é muito mais pesado que WebP e JPEG.

SVG
Ícones e ilustrações

Ideal para logos, ícones e ilustrações simples. Escala sem perder qualidade e costuma ser muito leve.

Como comprimir corretamente

Ferramentas gratuitas para comprimir imagens sem perder qualidade visível:

Regra prática: nenhuma imagem de conteúdo deveria passar de 200KB. Imagens de hero e banners grandes podem chegar a 400KB no máximo. Se uma imagem está com 1MB ou mais, comprima antes de subir.

Alt text: o que é e como escrever

O atributo alt é o texto alternativo que descreve a imagem para o Google (que não "vê" imagens) e para usuários com deficiência visual. É um dos fatores mais importantes para SEO de imagens.

Como escrever um bom alt text:

Bom exemplo: alt="especialista em SEO analisando relatório do Google Search Console"

Mau exemplo: alt="foto imagem SEO Search Console análise dados marketing digital"

Nome do arquivo

O nome do arquivo da imagem também é lido pelo Google. Renomeie antes de subir:

Use hífens para separar palavras, letras minúsculas e sem acentos ou caracteres especiais.

Lazy loading

Lazy loading faz com que imagens fora da área visível da tela só carreguem quando o usuário rolar até elas. Isso acelera o carregamento inicial da página significativamente.

Para ativar, basta adicionar o atributo no HTML: <img src="imagem.webp" loading="lazy" alt="...">

Atenção: não use lazy loading na imagem principal (hero) ou em qualquer imagem visível sem rolar a página. Isso prejudica o LCP. Lazy loading é só para imagens abaixo da dobra.

Quer otimizar o SEO completo do seu site?

Desenvolvo estratégias de SEO personalizadas para o seu negócio crescer no orgânico.

Fala comigo no WhatsApp →

Continue lendo