Imagens otimizadas para SEO: formato, peso e texto alternativo
A foto do produto pode trazer visitas pelo Google Imagens ou afundar a velocidade da loja. Aprenda um fluxo completo, da câmera ao cadastro, com formato, peso, nome do arquivo e alt text.
Neste artigo
- Por que imagens otimizadas para SEO fazem diferença nas vendas
- Etapa 1: fotografar já pensando no arquivo final
- Etapa 2: escolher o formato certo de imagem
- Etapa 3: dimensões e peso, os números que importam
- Etapa 4: nome do arquivo que o Google entende
- Etapa 5: como escrever um bom texto alternativo
- Etapa 6: o contexto da página também conta
- Como o Hotel das Lojas facilita imagens otimizadas para SEO
- Checklist final de imagens otimizadas para SEO
- Conclusão: foto bonita, leve e bem descrita
A foto é o vendedor silencioso da loja virtual. É ela que mostra o brilho da prata, a textura do tecido, o tamanho real do pote de creme. Mas a mesma foto que convence o cliente pode ser a responsável por deixar a página lenta e invisível no Google. Trabalhar com imagens otimizadas para SEO é encontrar o ponto em que a imagem continua bonita, carrega rápido e ainda ajuda o buscador a entender o que você vende.
Aqui no Hotel das Lojas vemos muito lojista caprichar na fotografia e tropeçar na etapa seguinte: arquivo de 5 MB, nome IMG_0231.jpg, nenhum texto alternativo. O resultado é uma página pesada, que o Google não consegue descrever e que nunca aparece na busca de imagens, um canal que traz cliente pronto para comprar, porque ele já viu o produto antes de clicar.
Neste artigo, vou seguir o caminho da imagem do começo ao fim: da hora de fotografar até o momento em que ela aparece na página do produto. Em cada etapa, você vai ver o que fazer, os números de referência e os erros que mais vemos.
Por que imagens otimizadas para SEO fazem diferença nas vendas
Imagem otimizada não é só imagem leve. Ela trabalha em três frentes ao mesmo tempo:
- Velocidade: a foto principal costuma ser o maior elemento da página de produto. Se ela demora, a página inteira parece lenta.
- Compreensão: o buscador não enxerga a foto como você. Ele lê o nome do arquivo, o texto alternativo e o conteúdo ao redor para entender o que ela mostra.
- Descoberta: imagens bem descritas aparecem no Google Imagens e reforçam a presença dos produtos em resultados visuais e de compras.
E existe um quarto ganho, que muitas vezes é esquecido: acessibilidade. Pessoas com deficiência visual usam leitores de tela que leem o texto alternativo em voz alta. Uma loja que descreve bem as fotos atende mais gente.
Etapa 1: fotografar já pensando no arquivo final
Otimização começa antes do computador. Uma foto bem feita precisa de menos correção e comprime melhor.
- Fundo limpo e uniforme. Fundos com muitos detalhes geram arquivos maiores e distraem. Branco, cinza claro ou uma cor neutra da sua marca funcionam bem.
- Luz natural difusa. Fotografe perto de uma janela, sem sol direto. Fotos escuras ficam granuladas e o ruído aumenta o peso do arquivo.
- Mesma proporção em todo o catálogo. Escolha quadrado ou retrato e mantenha. Isso evita que a página pule enquanto carrega e deixa a vitrine organizada.
- Enquadramento com respiro. Deixe uma margem ao redor do produto, para que nenhum corte automático arranque uma parte importante.
- Sequência pensada: frente, costas, detalhe, uso e escala. Uma joia ao lado de uma moeda, ou um pote de creme na mão, mostra o tamanho real e reduz trocas.
Uma artesã de joias em prata que atendemos resolveu tudo com uma caixa de luz pequena, o celular em um minitripé e a luz da janela da oficina. Não é preciso estúdio caro; é preciso padrão.
Etapa 2: escolher o formato certo de imagem
Cada formato tem um propósito. Usar o formato errado é a forma mais rápida de pesar a página sem ganhar nada em qualidade.
| Formato | Quando usar | Vantagem | Cuidado |
|---|---|---|---|
| WebP | Fotos de produto, banners e vitrines | Arquivos bem menores com boa qualidade | Mantenha uma versão original guardada para futuras edições |
| JPEG | Fotos quando o WebP não estiver disponível | Compatível com tudo | Comprimir com qualidade entre 70 e 85 para não pesar |
| PNG | Logotipo e imagens com transparência | Bordas nítidas e fundo transparente | Fica enorme se usado para fotografias |
| SVG | Ícones e logotipos vetoriais | Leve e nítido em qualquer tamanho | Não serve para fotografias |
| GIF | Quase nunca | Animação simples | Muito pesado; prefira vídeo curto ou imagem estática |
O erro clássico é salvar a foto de produto em PNG porque "fica com mais qualidade". Para fotografia, o PNG pode pesar cinco a dez vezes mais que um WebP visualmente idêntico, sem nenhum benefício visível no celular do cliente.
Etapa 3: dimensões e peso, os números que importam
A câmera do celular gera fotos com 4.000 pixels ou mais de largura. Nenhuma tela de celular exibe isso. Enviar a foto original é obrigar o cliente a baixar uma imagem gigante para ver uma miniatura.
Referências práticas
Use estes valores como ponto de partida, sabendo que são exemplos e podem variar com o tema e o tipo de produto:
- Foto de produto: 1.200 a 1.600 pixels no lado maior, para permitir zoom, com peso ideal até 150 a 200 KB.
- Banner de topo: largura de acordo com o tema, com peso ideal abaixo de 250 KB no computador e menos no celular.
- Imagens dentro da descrição: 800 a 1.000 pixels de largura costumam bastar.
- Ícones e selos: o menor possível, de preferência em SVG.
Compressão sem perder nitidez
Comprimir é eliminar informação que o olho não percebe. Faça um teste: exporte a mesma foto em qualidade 90, 80 e 70 e compare ampliando no celular. Na maioria dos produtos, a diferença entre 90 e 75 é invisível, mas o arquivo cai pela metade. Produtos com textura fina, como tricô ou couro, pedem um pouco mais de qualidade; produtos lisos, como embalagens, aceitam compressão maior.
Etapa 4: nome do arquivo que o Google entende
O nome do arquivo é um dos primeiros sinais que o buscador lê. Compare:
- IMG_20241105_143022.jpg não diz nada.
- anel-solitario-prata-925-zirconia.webp descreve o produto com precisão.
Regras simples para nomear: letras minúsculas, sem acentos nem cedilha, palavras separadas por hífen, de três a seis palavras, começando pelo tipo de produto. Para as fotos da galeria, acrescente o ângulo no fim: anel-solitario-prata-925-lateral.webp, anel-solitario-prata-925-na-mao.webp.
Dica de especialista: crie o hábito de renomear as fotos na mesma pasta em que você as exporta, antes de subir para a loja. Depois que estão no cadastro, quase ninguém volta para corrigir.
Etapa 5: como escrever um bom texto alternativo
O texto alternativo, ou alt text, é a descrição da imagem para quem não pode vê-la, incluindo o robô do Google. É também onde mais se vê exagero de palavra-chave.
| Exemplo | Avaliação |
|---|---|
| imagem | Inútil: não descreve nada |
| anel prata anel de prata anel feminino comprar anel barato | Repetição forçada, ruim para o leitor e para o buscador |
| Anel solitário de prata 925 com zircônia | Bom: descreve o produto |
| Anel solitário de prata 925 com zircônia usado no dedo anelar, visto de perto | Ótimo para uma foto de uso: descreve produto e contexto |
Algumas regras práticas: até cerca de 120 caracteres, sem começar com "imagem de" ou "foto de", com a característica que diferencia aquela foto das outras da galeria (cor, ângulo, detalhe, uso). Se a variação é a cor, diga a cor: bolsa transversal de couro caramelo, vista de frente.
Etapa 6: o contexto da página também conta
Uma imagem otimizada isolada rende pouco se o texto ao redor não ajuda. O buscador cruza a foto com o título do produto, a descrição e a categoria. Por isso:
- O título do produto deve usar o mesmo vocabulário da foto e do alt text.
- A descrição deve detalhar material, medidas e uso, reforçando o que a imagem mostra.
- A foto principal deve ser a que melhor representa o produto, porque é ela que aparece nas vitrines, nos compartilhamentos e nos catálogos de compras.
Se você vende também pelo Google Shopping com o Merchant Center, a foto principal ganha ainda mais peso: fundo limpo, produto centralizado e sem textos sobrepostos tendem a ser exigência dos catálogos.
Fotos de variações: uma imagem para cada cor
Quando o produto tem cores diferentes, cada cor merece a sua foto, com nome de arquivo e texto alternativo próprios. A cliente que procura uma bolsa caramelo no Google Imagens precisa encontrar a foto da bolsa caramelo, e não a preta com a descrição genérica. Além de ajudar na busca, a foto ligada à variação mostra exatamente o que será entregue e diminui pedidos de troca. O tutorial de variações de tamanho, cor e voltagem explica como organizar as opções do produto.
Os erros mais comuns que vemos nas lojas
- A mesma foto repetida em vários produtos, como um modelo de vestido usado para cinco cores diferentes. O buscador enxerga conteúdo repetido e o cliente se confunde.
- Texto escrito dentro da imagem, como preço, parcelamento e frete grátis em letras miúdas. O Google não lê bem, o celular não mostra legível e a informação fica desatualizada quando o preço muda.
- Banner com a mesma imagem para computador e celular, que no celular aparece cortado ou minúsculo.
- Galeria com dez fotos quase idênticas, que só aumentam o peso da página sem acrescentar informação.
- Fotos de fornecedor sem tratamento, iguais às de dezenas de outras lojas, que não diferenciam a sua oferta.
Um exemplo fictício: uma loja de cosméticos trocou as fotos de fornecedor dos dez produtos mais vendidos por fotos próprias, com o produto na mão e textura aplicada na pele, e escreveu um alt text único para cada uma. Além de páginas mais leves, ela passou a receber visitas de pessoas que procuravam a textura do produto no Google Imagens, um público que já chega sabendo o que quer.
Como o Hotel das Lojas facilita imagens otimizadas para SEO
No Hotel das Lojas, você envia a foto pelo cadastro do produto e a plataforma faz a otimização automática das fotos, poupando o trabalho de redimensionar cada arquivo na mão. O tutorial de foto principal e galeria do produto mostra como organizar a ordem das imagens, e o de cadastrar um produto passo a passo mostra onde ficam título, descrição e variações, que dão contexto às fotos.
As imagens ficam guardadas na biblioteca de mídias da loja, o que permite reaproveitar banners e fotos sem subir arquivos duplicados. E, ao montar páginas no editor visual sem programar, a verificação antes de publicar aponta imagens pesadas e imagens sem texto alternativo. É um revisor que trabalha por você antes de cada publicação.
Para lojas em que a foto é tudo, como joalheria, os temas fazem diferença. O tema Aurum para joias e relógios valoriza fotos em fundo claro e detalhes, com uma vitrine limpa que deixa o produto em primeiro plano.
Checklist final de imagens otimizadas para SEO
Antes de publicar um produto novo, passe por esta lista:
- Foto com fundo limpo, boa luz e mesma proporção do catálogo.
- Formato WebP ou JPEG bem comprimido; PNG só para logotipo e transparência.
- Dimensão adequada ao uso, sem enviar o arquivo original da câmera.
- Nome do arquivo descritivo, em minúsculas e com hífens.
- Texto alternativo único para cada foto da galeria.
- Título e descrição do produto alinhados com o que a foto mostra.
- Prévia no celular conferida antes de publicar.
Conclusão: foto bonita, leve e bem descrita
Imagens otimizadas para SEO são o encontro de três cuidados: qualidade para convencer o cliente, leveza para a página abrir rápido e descrição para o Google entender o produto. Nenhum deles exige ferramenta cara; exige método e constância a cada cadastro.
Se você quer uma loja que já otimiza as fotos no envio e avisa sobre imagens pesadas e sem descrição antes de publicar, crie a sua loja no Hotel das Lojas e use o teste grátis de 7 dias, sem cartão de crédito. Depois, é um plano único de R$ 59,90 por mês, com produtos ilimitados e sem comissão sobre as vendas.
Perguntas frequentes
Qual é o melhor formato de imagem para SEO?
Para fotos de produto, o WebP costuma ser a melhor escolha, porque mantém boa qualidade com arquivos bem menores que o JPEG. O JPEG continua aceitável quando bem comprimido, e o PNG deve ficar reservado para imagens que precisam de transparência ou têm poucos tons, como logotipos.
Qual o tamanho ideal de uma foto de produto para loja virtual?
Como referência, uma foto de produto entre 1.000 e 1.600 pixels no lado maior permite zoom com boa nitidez, e o arquivo final deve ficar idealmente abaixo de 150 a 200 KB. O ponto é não enviar fotos com 4.000 pixels e vários megabytes direto da câmera.
O que escrever no texto alternativo da imagem?
Descreva o que aparece na foto como se explicasse para alguém que não está vendo: produto, característica principal e contexto. Por exemplo, anel solitário de prata 925 com zircônia, visto de lado. Evite repetir palavras-chave em sequência e não comece com imagem de.
O nome do arquivo da imagem ajuda no Google?
Ajuda como um sinal a mais de contexto. Um arquivo chamado anel-solitario-prata-925.webp diz muito mais ao buscador do que IMG_4582.jpg. Use letras minúsculas, sem acentos e com hífens separando as palavras.
Escrito por
CEO Hotel das Lojas
Marcelo Falcão é CEO do Hotel das Lojas, plataforma brasileira de lojas virtuais, e tem 13 anos de experiência com vendas pela internet e plataformas de e-commerce. Acompanha de perto o dia a dia de milhares de lojistas e escreve sobre como criar, gerenciar e fazer crescer um e-commerce: da escolha do tema à primeira venda, de pagamentos e frete a marketing, SEO e marketplaces.
Crie sua loja virtual no Hotel das Lojas
Teste grátis por 7 dias, sem cartão. Plano único de R$ 59,90/mês, produtos e visitas ilimitados e sem comissão sobre vendas.
Continue lendo
Perguntas frequentes sobre SEO para loja virtual, respondidas
Quanto tempo leva, quanto custa, se blog ajuda, se marketplace atrapalha. Reunimos as dúvidas mais comuns de lojistas sobre SEO com respostas diretas e práticas.
Velocidade do site: por que a loja lenta perde vendas e posição
Loja lenta perde o cliente antes da vitrine aparecer e perde espaço no Google. Veja como fazer um diagnóstico em camadas e quais ações aceleram de verdade as páginas que vendem.
Produtos esgotados e SEO: o que fazer com a página do item
Produto acabou e a página ranqueia bem? Antes de apagar, veja como decidir entre manter, redirecionar ou remover cada página esgotada sem perder tráfego.