Guia de SEO para Imagens: Alt Text, Tamanho e Ranqueamento na Busca Visual

Em uma página web mediana, o maior item entre os dados baixados são as imagens. E, ao mesmo tempo, na maioria dos sites, é o item menos otimizado.

Isso tem dois custos separados: a página fica mais lenta (o Core Web Vitals cai, a conversão diminui) e o tráfego que poderia vir do Google Imagens simplesmente não chega. Este guia trata dos dois problemas juntos.

O Que o SEO para Imagens Abrange?

É a interseção de três áreas distintas:

• Acessibilidade: uma pessoa que usa leitor de tela consegue entender o que a imagem mostra?
• Performance: a imagem carrega rápido? Ela causa deslocamento no layout da página?
• Descobribilidade: ela aparece no Google Imagens e nos resultados de busca visual?

As três são afetadas pelas mesmas decisões técnicas, por isso precisam ser tratadas em conjunto.

Como Escrever o Alt Text Corretamente

O alt text é o equivalente textual da imagem. Ele é exibido quando a imagem não carrega, é lido por leitores de tela e é o principal sinal que o Google usa para entender a imagem.

Regras:

• Escreva como se estivesse descrevendo a imagem para alguém que não pode vê-la. Esse é o teste certo.
• Não ultrapasse 125 caracteres. Alguns leitores de tela cortam o restante.
• Não comece com "imagem de" ou "foto de". Já se sabe que é uma imagem.
• Em imagens decorativas, deixe alt="". Não omita o atributo — um alt vazio diz ao leitor de tela "pule isto"; a ausência do atributo faz ele ler o nome do arquivo.
• Não faça keyword stuffing. Isso pode ser interpretado como sinal de spam.

Nome do Arquivo e URL

O nome do arquivo de imagem ainda é um sinal, e o custo de acertar é zero:

IMG_20260813_113244.jpg   →   bolsa-de-couro-azul-ombro.jpg

Evite caracteres acentuados (alguns servidores têm problemas com eles), separe as palavras com hífen e não use underscore.

Qual Formato Usar: WebP ou AVIF?

Abordagem prática: use WebP como padrão, sirva AVIF com a tag <picture> e deixe o JPEG como alternativa de segurança.

<picture>
  <source srcset="produto.avif" type="image/avif">
  <source srcset="produto.webp" type="image/webp">
  <img src="produto.jpg" alt="Bolsa de couro azul feminina" width="800" height="1000">
</picture>

Tamanho e Resolução

O desperdício mais comum: uma foto de 4000 pixels de largura sendo exibida em uma área de 600 pixels na tela. O navegador baixa o arquivo inteiro e só depois o reduz.

Regras:

• Não envie a imagem em tamanho maior que o dobro do maior espaço em que ela será exibida (2x já é suficiente para telas retina).
• Use srcset para servir tamanhos diferentes conforme a tela.
• Meta de tamanho de arquivo para imagens de conteúdo: abaixo de 200 KB. Para imagens de capa em largura total, tente não passar de 400 KB.

<img src="produto-800.webp"
     srcset="produto-400.webp 400w, produto-800.webp 800w, produto-1600.webp 1600w"
     sizes="(max-width: 600px) 100vw, 800px"
     alt="Bolsa de couro azul feminina"
     width="800" height="1000">

Por Que os Atributos width e height São Críticos?

Sem os atributos width e height, o navegador não sabe quanto espaço a imagem vai ocupar. Quando ela carrega, o conteúdo abaixo se desloca — isso prejudica a métrica Cumulative Layout Shift (CLS) e derruba sua avaliação de Core Web Vitals.

No mobile especialmente, um layout que se desloca também faz o usuário clicar no lugar errado. Esses dois atributos são o ganho de Core Web Vitals mais barato que existe; veja mais detalhes no nosso guia de Core Web Vitals.

A Armadilha do Lazy Loading

loading="lazy" só carrega a imagem quando ela está prestes a entrar na tela, o que acelera a abertura da página. Mas não use lazy na imagem que aparece na primeira dobra da tela.

A imagem de capa no topo da página costuma ser o elemento de Largest Contentful Paint (LCP). Aplicar lazy loading a ela piora diretamente a métrica de velocidade mais importante que você mede.

Regra: o que aparece na primeira tela usa loading="eager", o que vem depois usa loading="lazy".

Como Conseguir Tráfego do Google Imagens

A busca por imagens é uma fonte de tráfego subestimada em vários setores (moda, decoração, gastronomia, móveis, autopeças). Os principais fatores que afetam o ranqueamento:

1. O texto ao redor da imagem. O Google extrai o contexto da imagem principalmente do título e do parágrafo mais próximos.
2. O ranqueamento da própria página. Se a página é uma autoridade no assunto, suas imagens também aparecem mais acima.
3. Originalidade. Fotos de banco de imagens são iguais em milhares de sites; sua própria imagem tem muito mais chance de se destacar.
4. Dados estruturados. Schemas de produto, receita e vídeo rendem selos nos resultados de imagem — explicamos isso no nosso guia de schema markup.
5. Sitemap de imagens. Facilita a descoberta, especialmente em sites onde as imagens são carregadas via JavaScript.

Sitemap de Imagens

Você pode adicionar informações de imagem ao seu sitemap normal:

<url>
  <loc>https://seusite.com/produto/bolsa</loc>
  <image:image>
    <image:loc>https://seusite.com/img/bolsa.webp</image:loc>
  </image:image>
</url>

Isso faz diferença significativa em sites onde as imagens são carregadas via JavaScript depois do carregamento da página. Para a estrutura completa do sitemap, veja nosso guia de robots.txt e sitemap.

Checklist

• [ ] Todas as imagens de conteúdo têm alt significativo?
• [ ] As imagens decorativas têm alt=""?
• [ ] Os nomes de arquivo são descritivos, com hífen e sem acentos?
• [ ] O formato é WebP (ou AVIF)?
• [ ] Os arquivos estão abaixo de 200 KB?
• [ ] width e height estão definidos?
• [ ] A imagem da primeira tela não está com lazy?
• [ ] srcset está servindo uma versão menor para mobile?
• [ ] As imagens são servidas por um CDN?
• [ ] O sitemap contém informações de imagem?

Perguntas Frequentes

Devo colocar palavra-chave no alt text?

Se ela entrar naturalmente, sim; forçada, não. A função principal do alt text é descrever a imagem; se a palavra-chave cabe naturalmente na descrição, tudo bem.

Usar fotos de banco de imagens prejudica o SEO?

Não há penalidade de ranqueamento, mas sua chance de se destacar na busca visual é menor, porque o mesmo arquivo está em centenas de sites. Sua própria foto é sempre melhor — mesmo com orçamento baixo.

Migrar imagens para um CDN afeta o SEO?

Afeta positivamente; o tempo de carregamento cai. Se você servir de um domínio diferente, use os endereços completos no sitemap de imagens.

Quantas imagens é demais?

O número em si não é o problema, o peso total é. Uma página com dez imagens que soma 800 KB não tem problema; uma página com três imagens que soma 6 MB tem.

Artigos Relacionados:

• Core Web Vitals e Velocidade de Página: O Guia Completo
• Guia de SEO On-Page: O Manual Completo de A a Z
• Checklist de SEO Técnico: 30 Pontos Essenciais
• Guia de Schema Markup para Google e IA
• Guia de SEO Mobile: Ranqueando em um Mundo Mobile-First