Para a IA entender as imagens do seu produto, use o elemento img com src, escreva um alt text descritivo, dê nomes de arquivo claros, ofereça formatos suportados e liste as imagens em um sitemap. Segundo o Google, o alt text é o metadado mais importante de uma imagem e é usado junto com o conteúdo da página.
Por que a imagem de produto merece atenção?
Uma foto de produto é uma frase que o texto não escreveu. Mostra as portas laterais, o tamanho real, o encaixe. Mas um arquivo de imagem, para quem lê a página como máquina, é uma caixa fechada. O alt text, o nome do arquivo e o texto ao redor são as etiquetas da caixa.
Um aviso antes de começar. A documentação do Google sobre imagens não traz orientação específica para imagens de produto, e não diz como assistentes conversacionais usam imagens. O que ela descreve é como a Busca do Google descobre e entende imagens. Aplicamos isso ao produto por analogia e dizemos onde é inferência nossa.
Passo 1: a imagem está onde a máquina enxerga?
O Google indexa imagens referenciadas no atributo src de elementos img e não indexa imagens de fundo em CSS. Se a galeria do seu produto é montada com background-image, as fotos podem existir para o visitante e não existir para o rastreador. Para o elemento picture, inclua um img de reserva com src.
Confira também os formatos. A Busca do Google aceita BMP, GIF, JPEG, PNG, WebP, SVG e AVIF, e a extensão do arquivo deve corresponder ao tipo real. Imagens embutidas como data URI funcionam, mas podem inflar muito o tamanho da página.
Passo 2: o que escrever no alt text?
O Google recomenda descrever a imagem no contexto e avisa contra encher o atributo de palavras-chave. O exemplo da página: alt="Dalmatian puppy playing fetch" é melhor do que alt="puppy", e a ausência de alt é listada como prática ruim.
Aplicado a eletrônicos, com um produto fictício como exemplo:
- Fraco:
alt="notebook". - Cheio de palavras-chave:
alt="notebook gamer barato melhor notebook 2026 comprar". - Útil:
alt="Notebook Aurora Pro 14 aberto, visto de lado, com as portas USB-C e HDMI à esquerda".
O terceiro descreve o que a foto mostra, e só isso. Se a imagem é um link, o alt funciona como texto âncora, então escreva para a página de destino.
Uma regra nossa, sem apoio direto no documento do Google: a informação que decide a compra não pode viver só na imagem. Se o infográfico diz "autonomia de bateria", o número precisa estar também em texto na página. O mesmo vale para a voltagem e outras especificações que aparecem em ícones, tema tratado em Voltagem, Anatel e Procel.
Passo 3: como nomear os arquivos?
A orientação do Google é usar nomes curtos e descritivos: my-new-black-kitten.jpg é melhor do que IMG00023.JPG, e nomes genéricos como image1.jpg ou 1.jpg devem ser evitados. Em sites com milhares de imagens, vale automatizar a criação do nome. Ao localizar o site, traduza os nomes e aplique a codificação de URL a caracteres especiais.
Para catálogo, a automação costuma seguir um padrão como aurora-pro-14-grafite-lateral.jpg, montado a partir do modelo, da cor e do ângulo. Isso também ajuda quem cuida do catálogo a achar a foto certa.
Passo 4: um sitemap de imagens vale o trabalho?
O Google diz que sitemaps de imagens ajudam a descobrir imagens que poderiam passar despercebidas. Diferentemente dos sitemaps comuns, o image:loc pode apontar para URLs de outros domínios, o que permite usar uma CDN. Se você usa CDN, verifique a propriedade do domínio dela na Search Console para receber relatórios de erros de rastreamento.
Faz sentido quando o catálogo é grande, quando as fotos são carregadas por script ou quando elas ficam em um domínio de CDN. Em um site pequeno com img simples, o ganho é menor.
Passo 5: uma imagem por variante
Se o produto tem variantes de cor, cada variante deve ter a sua foto, e ela deve aparecer na URL que carrega aquela versão. Quando todas as variantes mostram a foto da cor principal, a página contradiz o próprio texto. A entidade de produto trata o que quebra quando as variantes se misturam, e o guia de página de produto para IA mostra onde a imagem entra no conjunto de campos.
Como testar sem se enganar?
Abra a página sem JavaScript e veja se as imagens continuam no HTML. Leia o alt text de todas as fotos em sequência, como se fosse uma audiodescrição, e pergunte se faz sentido sem olhar. Depois pergunte a um assistente por uma característica visível, como "onde ficam as portas do modelo X?", e compare com o que a página afirma.
Esse último passo é uma observação, não uma prova. Os resultados variam por modelo, prompt e dia, e a legibilidade de uma página não é o mesmo que ser recomendado. O diagnóstico gratuito da Citoriq é uma análise experimental via API e não replica a interface de consumidor. A lógica está em /methodology.
O que levar daqui
- Use img com src; fundos em CSS não são indexados pelo Google.
- Escreva alt text descritivo e contextual, sem encher de palavras-chave.
- Nomes de arquivo curtos e descritivos, montados por padrão no catálogo.
- Sitemap de imagens e verificação da CDN quando o catálogo é grande.
- A informação que decide a compra precisa existir também em texto.
Perguntas frequentes
O alt text ajuda a IA a entender a foto do produto?
O Google diz que o alt text é o metadado mais importante de uma imagem e que o usa junto com o conteúdo da página. Para assistentes específicos, não temos confirmação.
Posso usar imagens de fundo em CSS para a galeria do produto?
O Google não indexa imagens de fundo em CSS. Use img com src para as fotos que precisam ser descobertas.
Preciso de um sitemap de imagens?
Ele ajuda o Google a achar imagens que poderiam passar despercebidas e permite apontar para uma CDN. Em sites pequenos com img simples, o ganho tende a ser menor.
Se quiser ver como a IA descreve hoje a sua página de produto, faça o diagnóstico gratuito. Para revisar o catálogo inteiro com prioridade, converse conosco em uma demonstração.