Como escrever texto alternativo para imagens do site
Uma foto bonita pode apresentar seu trabalho em segundos. Mas, para quem usa um leitor de tela, uma conexão que não carregou a imagem ou uma busca tentando entender a página, o arquivo sozinho pode comunicar pouco. É aí que entra o texto alternativo, geralmente chamado de “alt”.
Escrever alt não é empilhar palavras-chave. É decidir qual informação a imagem acrescenta naquela página e transmiti-la de forma breve quando necessário. Neste guia, vamos percorrer fotos de serviços, imagens decorativas, botões, gráficos e capas de artigos com exemplos que você consegue adaptar ao seu site.
O que é o texto alternativo e onde ele fica?
O texto alternativo é o valor do atributo alt de uma imagem HTML. Ele oferece uma alternativa textual quando a imagem não está disponível ou não pode ser percebida visualmente. Leitores de tela podem anunciá-lo; o Google também o usa, junto com o conteúdo da página e outros sinais, para entender a imagem.
Ele não é a legenda visível sob a foto, nem o nome do arquivo. Uma imagem pode ter legenda para todas as pessoas e alt para sua função no contexto. O nome “IMG_8274.jpg” também não explica o que a foto mostra, embora um nome de arquivo descritivo possa fornecer ao buscador uma pista pequena.
Se o site é feito num construtor, procure um campo chamado “texto alternativo”, “alt” ou “descrição da imagem”. Se alguém desenvolve o site para você, inclua essa informação no material enviado com as fotos. O texto deve viajar com a imagem na página certa, não ficar perdido numa planilha sem identificação.
A pergunta principal: o que muda se a imagem desaparecer?
Imagine a página sem a imagem. Você perde uma informação necessária para entender o serviço, comparar opções ou seguir um link? Se sim, o alt deve transmitir essa informação. Se o conteúdo permanecer completo e a imagem só acrescentar atmosfera, um alt vazio pode ser a melhor escolha.
A árvore de decisão da iniciativa de acessibilidade do W3C orienta distinguir imagens informativas, funcionais, complexas e puramente decorativas. A mesma fotografia pode pedir descrições diferentes em páginas diferentes, porque seu papel muda. Não existe frase universal para um arquivo visual.
Uma foto da fachada, por exemplo, pode identificar a entrada de um estabelecimento numa página de contato; numa área meramente decorativa da home, talvez não acrescente nada ao texto. Reescreva o alt conforme a função real, sem forçar o nome da cidade ou do serviço em todas as imagens.
Fotos de produtos e serviços: descreva o que ajuda a escolher
Em um portfólio de marcenaria, “cozinha planejada com armários inferiores de madeira clara e bancada cinza” comunica mais do que “imagem do projeto”. Se o acabamento ou o tipo de ambiente é relevante para o cliente, mencione-o. Não atribua material ou característica técnica que você não consegue confirmar pela foto.
Para um antes e depois, descreva separadamente o que é visível em cada foto e explique em texto próximo qual foi o procedimento, o intervalo e as limitações, quando essas informações puderem ser divulgadas. O alt não deve prometer resultado nem transformar uma comparação visual em prova de eficácia que não existe.
Em serviços de saúde ou estética, evite identificar uma pessoa ou divulgar detalhe sensível sem autorização apropriada. Uma descrição pode focar no ambiente, equipamento ou etapa mostrada. Revise também se a imagem pertence de fato ao profissional; usar uma foto genérica como se fosse um caso real induz erro, mesmo com alt bem escrito.
Imagem decorativa: alt vazio é diferente de alt ausente
Formas abstratas, texturas e floreios que não comunicam conteúdo podem usar alt vazio. Isso permite que tecnologias assistivas passem por elas sem anunciar ruído. A orientação do W3C também observa que omitir totalmente o atributo não é a mesma coisa: alguns leitores de tela podem anunciar o nome do arquivo.
Se o design inclui um robô ornamental ao lado de um texto que já explica a ideia, não é obrigatório descrever cada círculo e brilho. Mas se a animação ensina uma etapa do processo, ela deixa de ser só decoração e precisa de uma alternativa equivalente no conteúdo.
Não marque como decorativa uma foto essencial apenas porque é difícil descrevê-la. Pergunte que informação o visitante sem acesso à imagem perderia. Uma boa decisão de alt começa pelo propósito editorial da imagem, não por uma regra automática do editor.
Botões com ícones e links de imagem
Quando um ícone é o único conteúdo de um botão, a alternativa precisa informar a ação: “Abrir menu”, “Enviar mensagem” ou “Voltar ao início”. “Ícone de três linhas” descreve a aparência, mas não diz o que acontecerá ao tocar. Quando o botão já traz texto visível, repetir o rótulo no ícone costuma ser desnecessário.
Uma imagem que funciona como link também deve deixar claro o destino. Se um cartão inteiro leva ao portfólio, uma alternativa como “Ver projeto de cozinha planejada” pode orientar melhor do que “Foto de cozinha”, desde que não repita outro texto anunciado no mesmo link.
Teste a navegação só com teclado ou leitor de tela, se disponível. Se vários botões são lidos apenas como “imagem” ou “link”, a pessoa não consegue escolher. O problema pode estar tanto no alt quanto no próprio componente interativo; uma correção de SEO não substitui revisão de acessibilidade.
Gráficos e infográficos precisam de uma resposta maior
Um gráfico pode conter tendência, valores, eixos e conclusão. Tentar encaixar tudo em uma frase curta torna a informação incompreensível. Use um alt breve para identificar o gráfico e ofereça uma descrição detalhada ou tabela de dados perto dele, acessível como texto.
Por exemplo, em vez de “gráfico azul com linhas verdes”, escreva algo como “Gráfico de consultas mensais; os dados completos estão na tabela abaixo” e apresente a tabela com período e valores. Se a imagem é apenas ilustrativa, não invente números nem faça o alt alegar uma melhora de desempenho sem dados.
Para infográficos compartilhados em redes sociais e no blog, o texto essencial também deve estar no corpo da página. Isso ajuda pessoas que ampliam a tela, usam tecnologia assistiva ou simplesmente preferem copiar e conferir a informação. Uma imagem não é substituta segura para uma explicação.
Imagem com texto: não obrigue o leitor a adivinhar
Se a imagem contém palavras que não aparecem em outro lugar, ofereça-as em texto acessível. O W3C recomenda incluir no alt o texto necessário ou, quando for extenso, apresentá-lo fora da imagem. Uma capa de artigo não precisa repetir o título se o H1 visível ao lado já informa exatamente o mesmo conteúdo.
Evite colocar preço, prazo ou instrução de contato somente sobre um banner. Além de dificultar leitura em telas pequenas, essa escolha complica atualizações. O texto real na página pode ser selecionado, redimensionado e revisado sem editar novamente a imagem.
Se o logotipo representa a marca e é o único elemento clicável para voltar à home, a alternativa deve identificar a marca ou o destino conforme o contexto. Não precisa transcrever detalhes decorativos do símbolo; o objetivo é que a pessoa saiba onde está e para onde pode ir.
Texto alternativo e SEO: qual é o ganho real?
O Google explica que extrai contexto também do texto ao redor da imagem, da página e de legendas. O alt ajuda a compreender seu assunto e pode servir como texto âncora quando uma imagem é um link. Ele é uma parte da organização, não uma fórmula que garante posição no Imagens do Google.
Um erro comum é repetir “criação de sites Betim” em cada foto, mesmo quando uma mostra apenas textura ou uma pessoa trabalhando. Essa repetição piora a experiência de quem escuta a página e pode ser interpretada como excesso de palavras-chave. Escolha termos naturais somente quando descrevem a imagem e fazem sentido no contexto.
Uma página de serviço também precisa de texto próprio, imagens relevantes, boa experiência em celular e arquivos acessíveis. O Google recomenda usar elementos HTML de imagem com src para que rastreadores encontrem os arquivos; imagens exclusivamente em fundos CSS não são indexadas como imagens da mesma maneira.
Nomes de arquivos, peso e proporção entram na mesma revisão
Além do alt, renomeie arquivos de forma curta e descritiva quando isso for prático: “cozinha-planejada-madeira-clara.webp” explica mais do que “DSC0049.webp”. O nome não substitui o alt e não deve virar uma lista de cidades e serviços desconectados da foto.
Confira se a imagem mantém boa qualidade na tela e se não pesa demais para a conexão do visitante. Fotos enormes carregadas sem necessidade podem atrasar a página; imagens pequenas e borradas dificultam avaliar detalhes do trabalho. Escolha dimensões adequadas e teste desktop e celular.
Uma capa recortada pode ocultar justamente a parte relevante que você descreveu. Revise enquadramento, modo de exibição e contraste. O alt não conserta um arquivo quebrado nem substitui a obrigação de mostrar a foto completa quando isso é importante para a compreensão.
Exemplos de antes e depois para pequenos negócios
Uma foto de produto chamada “IMG_01” com alt “produto” pode virar “Bolsa artesanal de tecido azul com alça de couro”, se esses elementos forem visíveis e ajudarem a escolher. Se a imagem mostra o interior, escreva outra descrição para o detalhe interno, em vez de copiar a mesma frase.
Uma foto de uma profissional atendendo pode receber “Podóloga organiza instrumentos em bancada antes do atendimento” quando a preparação é relevante. Não escreva “melhor podóloga em Betim” porque a imagem não demonstra essa afirmação. A localização pode ser explicada no texto de atendimento.
Um ícone de WhatsApp com alt “WhatsApp WhatsApp orçamento Betim” não orienta ninguém. Se o ícone é o único conteúdo do link, “Conversar com a equipe pelo WhatsApp” é mais funcional. Se ao lado já existe esse rótulo visível, deixe o ícone decorativo para evitar a repetição.
Como revisar um site que já tem dezenas de imagens
Comece pelas páginas que apresentam serviços, produtos, portfólio e contato. Faça uma lista de URL, imagem, função e texto atual. Identifique primeiro imagens sem alternativa, imagens importantes com descrições genéricas e botões de imagem sem nome acessível.
Depois percorra cada página sem olhar para as fotos por alguns minutos. O conteúdo textual ainda explica oferta, prazos e próximo passo? Onde houver uma lacuna, decida se a solução é alt, legenda, parágrafo ou tabela. Essa revisão é melhor do que adicionar automaticamente descrições longas a todos os arquivos.
Por fim, teste as páginas em celular e com alguma ferramenta de acessibilidade, se possível. Automação pode localizar atributos ausentes, mas não decide sozinha se uma imagem é decorativa ou qual informação é relevante. A revisão humana continua necessária.
E se a IA gerar o alt para mim?
Ferramentas de IA podem sugerir uma primeira descrição, especialmente num acervo grande. Ainda assim, elas não conhecem necessariamente a função da foto na página, o nome correto do produto ou o que foi autorizado a divulgar. Use o resultado como rascunho, não como publicação automática.
Confira se a descrição não inventou material, resultado clínico, identidade da pessoa ou detalhe que a imagem não comprova. Remova fórmulas repetidas como “imagem ilustrativa de alta qualidade” e adicione o contexto comercial somente quando realmente ajuda o leitor.
Para fotos de clientes, considere privacidade e consentimento antes de enviá-las a serviços externos de geração ou análise. Se o processo não permite esse compartilhamento, descreva manualmente. A melhor descrição é a que uma pessoa responsável consegue verificar.
Conclusão: descreva a função, não apenas os pixels
Escrever texto alternativo começa com uma pergunta simples: o que a pessoa precisa saber ou fazer se não puder perceber esta imagem? Para fotos informativas, responda com uma descrição específica. Para controles, indique a ação. Para decoração, use alt vazio. Para gráficos, complemente com dados em texto.
Comece por cinco imagens de páginas importantes e revise cada uma no contexto. Confirme depois se foto, legenda, conteúdo e botão de contato contam a mesma história. Essa pequena rotina torna o site mais compreensível sem prometer atalhos de posicionamento.
A Exponha cria páginas e conteúdos para pequenos negócios de Betim e Grande BH e atende projetos online em todo o Brasil. Se o seu site precisa apresentar melhor serviços, fotos e informações de contato, vale organizar essas peças antes de investir em mais tráfego.
Dúvidas frequentes sobre o tema
Toda imagem do site precisa de texto alternativo escrito?+
Toda imagem HTML deve ter uma decisão sobre alt. Fotos informativas pedem descrição; imagens puramente decorativas geralmente usam alt vazio para não criar ruído em leitores de tela.
Alt vazio prejudica o SEO?+
Não é adequado preencher alt de imagens decorativas com palavras-chave. A função deve orientar a escolha; o conteúdo relevante da página precisa existir em texto acessível.
Existe limite de caracteres para alt?+
Não há número mágico que sirva a todos os casos. Seja breve e suficiente para a função da imagem. Informações complexas, como dados de um gráfico, devem aparecer em texto ou tabela próxima.
O nome do arquivo substitui o texto alternativo?+
Não. O nome pode dar uma pista leve ao buscador, mas o alt comunica o papel da imagem na página e pode ser anunciado por leitores de tela.
Posso usar IA para escrever as descrições?+
Pode usar sugestões como rascunho, desde que revise contexto, precisão e privacidade. A IA pode inventar detalhes ou deixar de entender a função da imagem.