O texto alternativo em imagens de produto é onde o seu diagrama de medidas simplesmente deixa de existir. A foto carrega, as medidas estão ali em corpo 48, e todo leitor que não seja um par de olhos humanos — leitor de tela, rastreador de busca, motor de resposta com IA — recebe um espaço em branco.
O benchmark de acessibilidade em e-commerce do Baymard Institute coloca número nisso: 55% dos sites de e-commerce não usam texto alternativo para comunicar o conteúdo central de imagens informativas, 64% embutem texto diretamente dentro das imagens e 9% apresentam informação complexa apenas como imagem. Se você vende móveis, ferragens ou materiais de construção, esses últimos 9% quase certamente são você, porque a tabela de medidas é um JPEG.
Abaixo estão seis padrões de texto alternativo tirados de galerias de anúncios reais, por que cada um falha e o que escrever no lugar.
O que o texto alternativo em imagens de produto precisa realmente fazer
O texto alternativo em imagens de produto é a alternativa textual guardada no atributo alt de uma imagem — as palavras que um leitor de tela anuncia no lugar da foto e a única descrição daquela imagem disponível para qualquer sistema que não consiga olhar para ela.
Ele tem dois públicos, e a maioria dos vendedores só orça o primeiro:
| Leitor | Para que usa o texto alternativo | O que recebe quando o texto alternativo está errado |
|---|---|---|
| Usuário de leitor de tela | Todo o conteúdo da imagem | Silêncio, ou um nome de arquivo lido letra por letra |
| Rastreador de busca | Contexto da imagem e tema da página | Nenhum sinal; a imagem não ranqueia para nada |
| Motor de resposta com IA | A única versão legível por máquina do que a foto mostra | O que o seu HTML disser, que pode não ser nada |
| Seu próprio PIM ou exportação de feed | Legendas de imagem enviadas a marketplaces e catálogos | Campos vazios que seus parceiros de canal preenchem mal |
A Iniciativa de Acessibilidade na Web do W3C é direta sobre o problema de fundo: quando o texto é assado dentro de uma imagem, "é boa prática de design usar texto real estilizado com CSS em vez de apresentação de texto baseada em imagem", e onde uma imagem de texto for realmente inevitável, a alternativa textual precisa conter exatamente o mesmo texto mostrado na imagem. Uma medida impressa dentro de um JPEG não é dado de produto. É uma foto de um dado de produto, e nada além de um olho humano consegue ler.
Na Europa isso agora tem também um lado jurídico. A Lei Europeia de Acessibilidade — Diretiva (UE) 2019/882 — lista os serviços de comércio eletrônico no artigo 2.º(2)(f) como serviço abrangido, e os Estados-Membros a aplicam desde 28 de junho de 2025. Microempresas prestadoras de serviços estão isentas pelo artigo 4.º(5), sendo microempresa definida no artigo 3.º(23) como a que emprega menos de 10 pessoas e cujo volume de negócios anual ou balanço total anual não ultrapassa 2 milhões de euros. Se você é maior que isso e vende para consumidores da UE, o JPEG da tabela de medidas deixou de ser só um problema de conversão.
Antipadrão 1: o nome do arquivo
alt="IMG_4821.jpg". alt="sofa-3-final-v2-USE-THIS". alt="chair_dim_01".
É o que acontece quando as imagens são exportadas de uma pasta e subidas em lote sem ninguém escrever legenda nenhuma. Numa página em que o atributo alt está faltando, a maioria dos leitores de tela recorre a ler o nome do arquivo — então o cliente escuta "i eme gê underline quatro oito dois um ponto jota pê gê" e vai embora.
A correção não tem nada de engenhoso. É uma frase descrevendo o produto específico naquela foto específica.
| Em vez de | Escreva |
|---|---|
alt="IMG_4821.jpg" |
alt="Oak dining table, 180 cm long, seen from the front" |
alt="chair_dim_01" |
alt="Dining chair dimension diagram: seat height 46 cm, overall height 88 cm, seat width 45 cm" |
Antipadrão 2: o amontoado de palavras-chave
alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online".
A própria orientação de imagens do Google aponta isso diretamente: o texto alternativo é "o atributo mais importante quando se trata de fornecer mais metadados sobre uma imagem", e enchê-lo "resulta numa experiência ruim para o usuário e pode fazer com que seu site seja visto como spam". O exemplo que o Google publica como bom tem quatro palavras: alt="Dalmatian puppy playing fetch".
Existe um segundo custo que ninguém menciona. Um leitor de tela lê a string inteira, na velocidade de leitura do usuário, sem qualquer forma de passar os olhos rapidamente. Nove palavras-chave repetidas são nove segundos de ruído antes que a pessoa saiba qualquer coisa sobre o seu produto.
Escreva a única descrição verdadeira. A palavra-chave para a qual você realmente quer ranquear aparece nela naturalmente, uma vez.
Antipadrão 3: a tabela de medidas que só existe como imagem
Esse é o caro, e é o padrão de fato em móveis, vestuário e materiais de construção: uma tabela completa de medidas exportada como PNG de 1200 px e jogada na galeria.
O W3C trata isso como uma imagem complexa e diz que é necessária uma alternativa textual em duas partes — uma descrição curta que identifique a imagem e aponte para a descrição longa, e uma descrição longa que seja "uma representação textual da informação essencial transmitida pela imagem", disponível para todos em vez de escondida.
Na prática, "disponível para todos" é a resposta inteira. Não tente espremer doze medidas num atributo alt. Publique a tabela como tabela HTML de verdade na página e deixe o atributo alt apontar para ela:
alt="Size chart for the Larsen sofa range; the same measurements are listed in the table below"
Depois coloque a tabela logo abaixo. Não custa nada: uma tabela marcada é indexável, citável por um motor de resposta com IA, traduzível, e se ajusta ao celular, coisa que um PNG de 1200 px com texto corpo 9 não faz. Páginas de referência como medidas padrão de sofás existem em texto exatamente por isso. Se você também quer as medidas sobre a própria imagem para o comprador que nunca rola a página, mantenha as duas. Imagem e tabela não competem; imagem sem tabela é que é o problema.
Antipadrão 4: descrever a foto em vez dos números
alt="grey fabric sofa in a bright living room" — num diagrama de medidas.
Essa é a falha mais sutil, porque a frase está tecnicamente correta. Ela descreve uma foto. Só não descreve esta foto, cuja razão inteira de existir é carregar cinco medidas que a descrição do produto não tem.
Duas regras cobrem quase todos os casos:
- Se o trabalho da imagem é parecer bonita, descreva como ela é.
- Se o trabalho da imagem é carregar informação, o texto alternativo carrega a informação — os números, as unidades e o que cada número mede.
O ponto em que as pessoas erram é quando o mesmo produto tem as duas coisas. Uma foto principal e um diagrama de medidas do mesmo sofá precisam de textos alternativos completamente diferentes, e colar o da foto principal no diagrama joga fora a única imagem da página que responde "vai caber?".
Antipadrão 5: um parágrafo de texto alternativo numa imagem decorativa
A textura de fundo, o gráfico divisor, o floreio de marca no topo do módulo A+. Alguém escreve alt="beautiful natural oak wood grain texture background" para todos eles, e agora o usuário de leitor de tela escuta três frases de cenário entre cada imagem real de produto.
Imagens decorativas levam um atributo alt vazio — alt="" — que diz à tecnologia assistiva para pular a imagem por completo. Isso é diferente de omitir o atributo, o que transforma a imagem num elemento sem rótulo que é anunciado mesmo assim. Vazio e ausente parecem idênticos no seu CMS e se comportam de formas opostas.
Vale deixar um julgamento explícito: uma foto de referência de escala não é decorativa. Uma foto do seu produto ao lado de uma folha A4 padrão está fazendo trabalho informativo, e o texto alternativo dela deveria dizer isso.
Antipadrão 6: um texto alternativo, doze imagens de galeria
Ferramentas de edição em massa tornam isso fácil demais. Toda imagem do anúncio recebe alt="Larsen 3-seat sofa", então o usuário de leitor de tela escuta as mesmas cinco palavras doze vezes e nunca descobre que a imagem 4 é o diagrama de medidas, a 7 é o close do tecido e a 9 é a caixa embalada.
Numere por função, não por posição. Este é o modelo que entregamos a quem anuncia produtos em que a medida importa:
| Papel da imagem | Padrão de texto alternativo |
|---|---|
| Principal | {product name}, {finish/colour}, {view} |
| Diagrama de medidas | {product} dimension diagram: {measurement 1}, {measurement 2}, {measurement 3} |
| Referência de escala | {product} shown beside {reference object} for scale |
| Detalhe / material | Close-up of {material/joint/finish} on {product} |
| Instalado / em uso | {product} installed in {context}, showing {clearance or fit detail} |
| Caixa embalada | Packed carton for {product}: {L} x {W} x {H} {unit}, {weight} |
| Tabela de medidas | Size chart for {range}; same measurements listed in the table below |
| Decorativa | alt="" |
A auditoria de 60 segundos
Rode isso nos seus cinco anúncios mais vendidos antes de rodar em qualquer outro lugar.
- Nenhum atributo alt contém extensão de arquivo (
.jpg,.png,.webp) - Não há duas imagens do mesmo anúncio com texto alternativo idêntico
- O texto alternativo de todo diagrama de medidas contém ao menos um número e uma unidade
- Toda imagem de tabela de medidas vem acompanhada dos mesmos dados como tabela HTML
- Imagens decorativas têm
alt="", não um atributo faltando nem uma descrição - Nenhum atributo alt repete uma palavra-chave mais de uma vez
- O texto alternativo está escrito no idioma da loja, não só em inglês
- As medidas do texto alternativo batem com as da ficha técnica — confira, muitas vezes não batem
Esse último item pega mais erros do que todos os outros somados. Assim que um número é desenhado sobre uma imagem, ele deixa de estar ligado ao registro de onde veio, e continua errado ao longo de cada revisão de ficha. A mesma falha aparece nos feeds: veja dados estruturados de dimensões de produto para os campos que ficam sem preenchimento por razões idênticas.
O que isso tem a ver com ser citado
Os buscadores indexam atributos alt há duas décadas. O que mudou foi quem mais os lê. Um motor de resposta com IA montando uma resposta sobre "profundidade de sofá para apartamento pequeno" não consegue abrir o seu JPEG. Ele só consegue trabalhar com o texto do seu HTML — a descrição do produto, a ficha técnica e os atributos alt. Tudo que você desenhou sobre a imagem e em nenhum outro lugar é invisível para ele.
Esse é o argumento prático a favor da disciplina acima, independente da lei de acessibilidade e independente de leitores de tela: as medidas que você publica como texto são as medidas pelas quais você pode ser citado.
Perguntas frequentes
Qual deve ser o tamanho do texto alternativo em imagens de produto?
Longo o bastante para transmitir o que a imagem mostra, curto o bastante para ser ouvido num fôlego só. Para uma foto principal isso costuma ser de 5 a 12 palavras. Para um diagrama de medidas é mais longo, porque os números são o conteúdo. Se você passar de umas duas linhas, a imagem é uma imagem complexa e precisa do tratamento em duas partes — um alt curto mais os dados completos publicados como texto da página.
Texto alternativo ajuda no SEO?
Ajuda, mas como contexto e não como uma alavanca de ranqueamento que você possa puxar. O Google descreve o texto alternativo como a fonte mais importante de metadados sobre uma imagem, e encher de palavras-chave está explicitamente listado como comportamento de spam. Escreva para uma pessoa que não consegue ver a imagem; o ganho de SEO é efeito colateral de fazer isso bem.
Que texto alternativo devo escrever para uma imagem de tabela de medidas?
Uma frase curta de identificação que aponte para a tabela real — por exemplo, "Size chart for the Larsen sofa range; the same measurements are listed in the table below" — e depois publique de fato a tabela em HTML. Tentar encaixar uma grade inteira de medidas num atributo alt produz algo que nenhum usuário de leitor de tela consegue acompanhar e nenhum rastreador consegue interpretar em linhas.
Preciso de texto alternativo em imagens de produto decorativas?
Elas precisam de um atributo alt vazio, alt="", que não é a mesma coisa que deixar o atributo de fora. Vazio diz à tecnologia assistiva para pular a imagem. Faltando, ela vira um elemento desconhecido que é anunciado mesmo assim, geralmente pelo nome do arquivo.
A Lei Europeia de Acessibilidade se aplica à minha loja online?
Se você presta serviços de comércio eletrônico a consumidores da UE e não é microempresa, sim — serviços de comércio eletrônico estão listados no artigo 2.º(2)(f) da Diretiva (UE) 2019/882, aplicável desde 28 de junho de 2025. A isenção para microempresas do artigo 4.º(5) cobre prestadores de serviços com menos de 10 pessoas e volume de negócios anual ou balanço total anual de 2 milhões de euros ou menos. Confira a transposição nacional do seu país para os detalhes, porque fiscalização e penalidades são definidas em nível de Estado-Membro.
Por que meus rótulos de medida são cortados antes que alguém consiga lê-los?
Esse é um problema separado com a mesma raiz — informação vivendo só em pixels. Galerias de marketplace cortam nas proporções delas, e rótulos posicionados perto da borda desaparecem; proporção de imagens de produto cobre as regras de área segura por canal.
Fontes e referências
- Baymard Institute — Use texto "ALT" para comunicar o conteúdo central de imagens "informativas" (55% dos sites não usam)
- Iniciativa de Acessibilidade na Web do W3C — Tutorial de imagens: imagens de texto
- Iniciativa de Acessibilidade na Web do W3C — Tutorial de imagens: imagens complexas
- Iniciativa de Acessibilidade na Web do W3C — Tutorial de imagens: imagens decorativas
- Google Search Central — Práticas recomendadas do Google Imagens, incluindo orientação sobre texto alternativo
- EUR-Lex — Diretiva (UE) 2019/882 (Lei Europeia de Acessibilidade): artigo 2.º(2)(f), artigo 3.º(23), artigo 4.º(5), artigo 31.º
- Comissão Europeia — Lei Europeia de Acessibilidade: produtos e serviços abrangidos
Resolver isso uma vez em vez de uma vez por imagem
Cada antipadrão acima é a mesma falha usando um chapéu diferente: uma medida foi desenhada dentro de uma imagem e nunca foi escrita em lugar nenhum que uma máquina pudesse ler. Isso não se resolve só com melhores hábitos de texto alternativo, porque os números que você está descrevendo foram digitados à mão sobre a foto e já estão se afastando da especificação.
A versão que se sustenta é tratar a camada de medidas como dado, não como arte. Meça contra as bordas reais do produto para que o número seja o medido, e não o estimado no olho; mantenha a camada de anotação viva e editável em vez de achatá-la num JPEG; depois exporte duas coisas da mesma fonte — a imagem rotulada no tamanho que cada canal exige, e a lista de medidas como texto que você cola na ficha técnica e no atributo alt. Essa é a diferença entre um software de anotação medida e um gerador de imagens com IA que produz um número plausível ao lado do seu produto: um deles consegue dizer o que mediu, o outro inventou. Se você vai refazer os materiais dos seus anúncios de qualquer forma, a ficha técnica é o lugar certo para deixar os números vivos, porque é o documento que tanto o comprador quanto o seu próprio catálogo leem.