Como fazer SEO para imagens e otimizar as fotos do site para o Google

Otimizar uma imagem para o Google envolve duas frentes. A primeira é dizer ao buscador o que a imagem mostra, por meio do nome do arquivo, do texto alternativo e do conteúdo ao redor dela. A segunda é entregar esse arquivo rápido, no formato e no tamanho certos. Quem cuida das duas ganha tráfego pela busca de imagens e melhora o tempo de carregamento da página, que também conta para o ranqueamento do texto.

Para uma loja virtual, um restaurante, um arquiteto ou qualquer negócio em que o cliente decide olhando, esse tráfego tem valor comercial. Em um blog de conteúdo técnico, o ganho maior costuma estar na velocidade.

Como o Google entende uma imagem

O Google Imagens existe desde 2001 e, por muito tempo, dependeu só de texto para saber o que havia em cada foto. Hoje o buscador também reconhece objetos, lugares e produtos pelo conteúdo visual. O Google Lens é a face mais visível disso: a pessoa aponta a câmera do celular para um tênis, uma planta ou um móvel e recebe páginas onde aquele item aparece, muitas vezes com preço.

Mesmo com essa capacidade, os sinais de texto continuam pesando. O buscador combina o que enxerga na foto com o nome do arquivo, o atributo alt, a legenda, o título da página e os parágrafos vizinhos. Uma foto nítida de um sofá cinza, em uma página que fala de sofá cinza de três lugares, com alt coerente, é fácil de classificar. A mesma foto solta em uma página sobre outro assunto, com o nome IMG_4032.jpg, deixa o Google em dúvida.

Os ajustes de texto

Nome do arquivo

Renomeie antes de subir. Use palavras que descrevem a imagem, em minúsculas, separadas por hífen e sem acentos: sofa-cinza-3-lugares-linho.webp em vez de IMG_4032.jpg. Trocar o nome depois de publicado muda o endereço do arquivo, então compensa acertar na primeira vez.

Texto alternativo (alt)

O atributo alt é a descrição que substitui a imagem quando ela não carrega e que os leitores de tela leem para pessoas cegas ou com baixa visão. É o sinal de texto mais forte para o Google e, antes disso, um requisito de acessibilidade.

Escreva como se descrevesse a foto por telefone. "Sofá cinza de três lugares em linho, com pés de madeira clara" funciona. "Sofá" é vago, e "sofá barato sofá cinza comprar sofá promoção" é repetição de palavra-chave, que o Google trata como spam. Imagens puramente decorativas, como um ícone de seta, podem ficar com alt vazio. WordPress, Shopify e os demais gerenciadores de conteúdo têm um campo próprio para isso na biblioteca de mídia.

Atributo title e legenda

O title é o texto que aparece quando o cursor para sobre a imagem. Ele tem pouco peso para SEO e não substitui o alt, então preencha se quiser, sem gastar energia. A legenda rende mais: fica visível, é lida por quase todo mundo que olha a foto e dá contexto ao buscador. Use-a para acrescentar informação, como faz a legenda de jornal, e não para repetir o que já se vê.

Os ajustes de arquivo

Formato: WebP e AVIF

JPEG e PNG ainda funcionam em qualquer lugar, mas geram arquivos maiores do que o necessário. Os formatos atuais são o WebP e o AVIF, que entregam qualidade visual parecida com arquivos bem mais leves. O WebP é aceito por todos os navegadores modernos. O AVIF comprime ainda mais e tem suporte amplo nos navegadores recentes.

Muitas plataformas e plugins de otimização já fazem a conversão automaticamente no upload. Confira se a sua faz antes de converter arquivo por arquivo.

Dimensões e peso

O erro mais comum que encontramos em auditorias é a foto de 4.000 pixels de largura, saída direto da câmera, exibida em um espaço de 800. O navegador baixa o arquivo inteiro e só depois reduz. Redimensione a imagem para a maior largura em que ela aparece no layout e use o atributo srcset para oferecer versões menores a telas de celular. Informar width e height na tag evita que o texto pule de lugar enquanto a foto carrega, um dos pontos medidos nas Core Web Vitals.

Carregamento tardio

O carregamento tardio (lazy loading) faz o navegador baixar cada imagem só quando o visitante se aproxima dela ao rolar a página. Basta o atributo loading="lazy" na tag, e os principais gerenciadores de conteúdo já o aplicam por padrão.

Há uma exceção que derruba muita nota de desempenho: a imagem principal do topo da página não deve ser carregada de forma tardia. Ela costuma ser o maior elemento visível na abertura, e atrasá-la piora justamente a métrica que mede a velocidade percebida pelo visitante.

Como ajudar o Google a encontrar as imagens

• Use a tag img comum no HTML. Imagem aplicada como fundo via CSS não é indexada.
• Coloque a foto perto do texto que fala dela, na página em que o assunto é tratado.
• Em lojas, adicione dados estruturados de produto. Eles permitem que preço e disponibilidade apareçam junto à foto nos resultados.
• Verifique se o arquivo robots.txt ou a rede de distribuição de conteúdo não estão bloqueando a pasta de imagens.
• Em sites com muitas fotos, inclua as imagens no sitemap.

As orientações oficiais estão na documentação do Google sobre SEO para imagens.

Foto própria ou banco de imagens?

Foto própria, sempre que der. A imagem de banco que está em centenas de outros sites não tem por que aparecer em seu nome na busca, e no Lens ela leva o usuário a qualquer um desses sites. Já a foto do seu produto, da sua equipe ou da sua obra só existe no seu endereço. Para e-commerce, vale fotografar o item em mais de um ângulo e com fundo limpo, que é a condição em que a busca visual reconhece melhor o objeto.

Se o site já tem centenas de imagens antigas, não é preciso refazer tudo. Comece pelas páginas que mais recebem visitas e pelas de produto, rode o PageSpeed Insights em cada uma e trate primeiro os arquivos que o relatório aponta como pesados. O restante entra na rotina de publicação daqui para a frente. Para o quadro geral de otimização, temos um guia com tudo sobre SEO.