Português ▾
Free, Fast & Secure Online Tools
Imagens otimizadas para SEO são um dos aspectos mais subestimados do marketing de busca. A maioria dos sites dedica atenção intensa ao texto, aos links e à estrutura de URLs — mas negligencia as imagens, que representam mais de 60% do peso médio de uma página web e têm enorme potencial tanto para SEO de texto quanto para o Google Imagens, que gera bilhões de cliques por mês. Este guia cobre todos os elementos que você precisa dominar para otimizar suas imagens para buscadores.
Há dois benefícios principais de ter imagens bem otimizadas:
O nome do arquivo da imagem é lido pelo Google e influencia o entendimento do contexto. Antes de fazer upload de qualquer imagem, renomeie o arquivo com palavras-chave descritivas:
Use hífens para separar palavras (não underscores). Mantenha o nome em letras minúsculas, sem acentos ou caracteres especiais.
O atributo alt descreve a imagem para buscadores e leitores de tela. É o elemento mais importante do SEO de imagens:
<img src="bolo-chocolate.jpg" alt="Bolo de chocolate caseiro com cobertura de brigadeiro">Boas práticas para alt text:
alt="") para imagens puramente decorativasImagens pesadas prejudicam o LCP, uma das métricas do Core Web Vitals. Use os formatos mais eficientes:
| Tipo de imagem | Formato recomendado | Tamanho alvo |
|---|---|---|
| Fotografias | WebP ou JPG | < 150 KB |
| Logos e ícones | SVG ou PNG | < 30 KB |
| Hero images | WebP ou AVIF | < 200 KB |
| Thumbnails | WebP ou JPG | < 50 KB |
Servir a mesma imagem grande para todos os dispositivos desperdiça dados dos usuários mobile e prejudica o Core Web Vitals. Use imagens responsivas:
<img
src="produto-800.jpg"
srcset="produto-400.jpg 400w, produto-800.jpg 800w, produto-1200.jpg 1200w"
sizes="(max-width: 600px) 400px, (max-width: 1000px) 800px, 1200px"
alt="Camiseta azul masculina de algodão"
>Com isso, dispositivos móveis baixam versões menores e mais leves, melhorando drasticamente o LCP em mobile.
Adicionar loading="lazy" faz com que imagens fora do viewport inicial só sejam carregadas quando o usuário rolar até elas:
<img src="imagem.jpg" loading="lazy" alt="Descrição">Não use lazy loading na imagem hero ou LCP — ela deve carregar imediatamente. Use em todas as outras imagens abaixo da dobra.
Para que o Google indexe todas as suas imagens, inclua-as no sitemap XML. Se sua imagem mais importante está em uma página, adicione:
<url>
<loc>https://exemplo.com/pagina</loc>
<image:image>
<image:loc>https://exemplo.com/imagem.jpg</image:loc>
<image:title>Título da imagem</image:title>
<image:caption>Legenda da imagem</image:caption>
</image:image>
</url>Plataformas como WordPress com Yoast SEO geram sitemaps de imagem automaticamente.
O texto ao redor de uma imagem ajuda o Google a entender seu conteúdo. A legenda diretamente abaixo da imagem tem peso especial — ela tende a ser lida com atenção pelos usuários e é levada em conta pelos buscadores.
Para imagens de produtos, receitas, eventos ou pessoas, use dados estruturados Schema.org para fornecer contexto adicional ao Google. Isso pode resultar em Rich Results (resultados enriquecidos) nas SERPs.
Servir imagens de um CDN (Content Delivery Network) reduz a latência para usuários geograficamente distantes do servidor. Configure cabeçalhos de cache adequados (Cache-Control) para que navegadores não baixem a mesma imagem múltiplas vezes.
O SEO para imagens é uma combinação de técnica e contexto: arquivos leves e bem formatados melhoram a velocidade; alt texts e nomes descritivos melhoram a relevância semântica. Implementar todas essas práticas de forma consistente pode resultar em melhoras significativas tanto no posicionamento orgânico geral quanto no tráfego gerado pelo Google Imagens — uma fonte de visitantes muitas vezes ignorada pela maioria dos sites.
Faça no seu navegador — o arquivo não sai do seu dispositivo: Ferramentas de imagem