SEO de imagens: texto alternativo, nomes e otimização

As imagens costumam ser a parte mais negligenciada de uma estratégia de conteúdo. Elas são escolhidas rapidamente, inseridas no texto e esquecidas, como se fossem apenas enfeites. No entanto, imagens bem trabalhadas fazem muito mais do que decorar: elas ajudam pessoas com deficiência visual a compreender o conteúdo, aparecem na busca por imagens, influenciam a velocidade de carregamento da página e reforçam o contexto do que você está comunicando. Tratar imagens com o mesmo cuidado que se dedica ao texto é uma daquelas melhorias que rendem em várias frentes ao mesmo tempo.

Quando falamos em SEO de imagens, estamos falando de um conjunto de práticas que tornam suas imagens compreensíveis para os mecanismos de busca e para as tecnologias de acessibilidade, além de garantir que elas não prejudiquem a experiência de quem visita o site. O melhor de tudo é que quase nenhuma dessas práticas é complicada. São hábitos simples que, aplicados de forma consistente, fazem diferença. Neste guia, vamos passar pelo texto alternativo, pelos nomes de arquivo, pelos formatos, pela compressão e por outros elementos que ajudam suas imagens a trabalharem a seu favor.

Por que imagens importam para o SEO#

Os mecanismos de busca não enxergam imagens como nós, humanos. Eles não olham uma foto e entendem instantaneamente que ali há um cachorro correndo em um parque. Eles dependem de pistas textuais para interpretar o que a imagem representa: o nome do arquivo, o texto alternativo, a legenda, o texto ao redor e o contexto da página. Quanto mais claras forem essas pistas, melhor o buscador entende a imagem e mais chances ela tem de aparecer em buscas relevantes.

Além da interpretação, há a experiência do usuário. Imagens pesadas demais deixam a página lenta, e a lentidão afasta visitantes e prejudica o desempenho geral. Imagens que aparecem sem dimensões definidas provocam saltos no layout enquanto a página carrega, o que incomoda quem está lendo. Cuidar das imagens é, portanto, cuidar da rapidez e da estabilidade da página, dois aspectos que influenciam tanto a satisfação de quem visita quanto os sinais de qualidade que o site emite.

Por fim, existe a busca por imagens, um universo à parte em que as pessoas procuram fotos, ilustrações e diagramas. Estar bem preparado nesse aspecto pode trazer visitantes que jamais chegariam pela busca de texto tradicional, especialmente em nichos visuais como culinária, moda, decoração, artesanato e viagens.

Texto alternativo: o coração da acessibilidade#

O texto alternativo, muitas vezes chamado de atributo alt, é uma descrição textual da imagem. Ele cumpre duas funções fundamentais. A primeira e mais importante é a acessibilidade: leitores de tela, usados por pessoas com deficiência visual, leem o texto alternativo em voz alta para descrever a imagem. Sem ele, a pessoa simplesmente não sabe o que há ali. A segunda função é ajudar os mecanismos de busca a entenderem o conteúdo da imagem.

Escrever um bom texto alternativo é uma questão de descrever a imagem de forma clara e concisa, como se você estivesse contando a alguém que não pode vê-la o que ela mostra. Algumas orientações ajudam:

• Descreva o que é realmente relevante na imagem para o contexto da página. Se a foto ilustra uma receita de bolo, "bolo de cenoura com cobertura de chocolate cortado em fatias" é muito melhor do que "bolo".
• Seja específico, mas não exagere no comprimento. Uma frase costuma bastar. Descrições longuíssimas cansam quem usa leitor de tela.
• Não comece com "imagem de" ou "foto de", pois a tecnologia já anuncia que se trata de uma imagem. Vá direto à descrição.
• Não encha o texto alternativo de palavras-chave. Repetir termos de forma artificial prejudica a acessibilidade e não ajuda o SEO; pelo contrário, soa como tentativa de manipulação.
• Para imagens puramente decorativas, que não acrescentam informação, o texto alternativo pode ficar vazio, para que o leitor de tela simplesmente as ignore.

O bom texto alternativo é aquele que, lido em voz alta, permite a uma pessoa entender o papel daquela imagem no conteúdo. Se você escrever pensando nisso, o benefício de SEO vem junto, como consequência natural.

Nomes de arquivo descritivos#

Antes mesmo de a imagem entrar na página, há uma oportunidade de otimização no próprio nome do arquivo. Muitas imagens chegam com nomes automáticos, gerados pela câmera ou pelo celular, algo como uma sequência de números e letras sem sentido. Esse nome não diz nada a ninguém.

Renomear o arquivo com palavras descritivas, separadas por hífens, antes de subi-lo ao site é um hábito simples e valioso. Um arquivo chamado bolo-de-cenoura-cobertura-chocolate comunica muito mais do que uma sequência aleatória de caracteres. O nome do arquivo é mais uma pista de contexto que o buscador pode usar para entender a imagem, e custa pouquíssimo esforço acertar nele.

Vale usar apenas letras minúsculas, evitar acentos e caracteres especiais e separar as palavras por hífens, mantendo o padrão limpo e consistente. Assim como acontece com os endereços das páginas, nomes de arquivo bem escolhidos deixam tudo mais organizado e compreensível.

Formatos e compressão#

O formato e o tamanho do arquivo influenciam diretamente a velocidade da página. Uma imagem gigante, com resolução muito maior do que o necessário, obriga o navegador a baixar dados desnecessários, o que atrasa o carregamento, especialmente em conexões móveis mais lentas.

Alguns princípios ajudam a manter as imagens leves sem sacrificar a qualidade visual:

• Escolha o formato adequado ao tipo de imagem. Formatos modernos costumam oferecer boa qualidade com arquivos menores, e valem a pena quando há suporte adequado.
• Redimensione a imagem para o tamanho em que ela será realmente exibida. Não faz sentido subir uma foto enorme e deixar o navegador reduzi-la; melhor entregá-la já no tamanho certo.
• Comprima as imagens para reduzir o peso do arquivo. Existem ferramentas que diminuem bastante o tamanho com perda de qualidade quase imperceptível.
• Evite o excesso de imagens muito pesadas em uma mesma página, sobretudo na parte que carrega primeiro.

O equilíbrio ideal é aquele em que a imagem continua nítida e agradável, mas ocupa o menor espaço possível. Esse cuidado se traduz em páginas mais rápidas, o que agrada visitantes e contribui para a percepção de qualidade do site.

Dimensões e estabilidade do layout#

Um detalhe técnico que passa despercebido, mas faz grande diferença, é reservar o espaço da imagem antes de ela carregar. Quando a página não sabe de antemão o tamanho da imagem, o conteúdo pode "pular" enquanto ela aparece, empurrando o texto para baixo e provocando cliques acidentais. Essa instabilidade incomoda e prejudica a experiência.

Informar as dimensões da imagem, ou reservar o espaço proporcional que ela vai ocupar, evita esse salto. O navegador já deixa o lugar preparado e preenche com a imagem quando ela chega, sem bagunçar o layout. É um cuidado técnico simples que melhora bastante a sensação de solidez da página.

Legendas e contexto ao redor#

Nem toda imagem precisa de legenda, mas quando ela existe, é lida com atenção. Legendas são um dos elementos mais observados em uma página, porque o olho é atraído por imagens e, logo depois, pelo texto que as acompanha. Uma boa legenda acrescenta informação, explica o que a imagem mostra ou conecta a imagem ao argumento do texto.

Além da legenda, o texto ao redor da imagem também ajuda o buscador a entender seu significado. Uma imagem inserida em um trecho que fala sobre determinado assunto ganha contexto por proximidade. Por isso, posicionar as imagens perto do conteúdo a que se referem, em vez de espalhá-las de forma aleatória, reforça a coerência entre o que se vê e o que se lê.

Imagens originais versus imagens de banco#

Sempre que possível, imagens originais têm vantagens. Elas são exclusivas do seu conteúdo, transmitem autenticidade e não aparecem em centenas de outros sites. Para negócios locais, produtos, receitas, tutoriais e bastidores, fotos próprias fortalecem a confiança e a personalidade da marca.

Imagens de banco têm seu lugar, especialmente quando ilustrar conceitos abstratos ou quando não há como produzir uma foto própria. Se você usá-las, escolha imagens que realmente combinem com o conteúdo e evite as mais batidas, aquelas que aparecem em todo lugar. E, claro, respeite sempre os direitos de uso e as licenças, para não ter problemas legais nem éticos.

A busca por imagens como porta de entrada#

Vale dedicar atenção especial à busca por imagens, um universo à parte que muita gente ignora. Nele, as pessoas procuram diretamente por fotos, ilustrações, diagramas e exemplos visuais, e clicam nas imagens para chegar às páginas que as contêm. Para certos nichos, essa é uma fonte de visitantes tão relevante quanto a busca de texto, às vezes até mais.

Pense em quem procura ideias de decoração, referências de penteados, exemplos de bolos decorados, modelos de currículo ou esquemas de montagem. Em todos esses casos, a busca começa pela imagem, porque é o visual que a pessoa quer avaliar antes de qualquer texto. Um site que trata bem as suas imagens tem a chance de aparecer nesses resultados e de atrair um público que jamais chegaria por uma busca puramente textual.

Tudo o que discutimos até aqui contribui para esse objetivo. O texto alternativo bem escrito ajuda o buscador a entender o que a imagem mostra. O nome de arquivo descritivo reforça esse entendimento. O contexto ao redor, com legendas e texto pertinente, situa a imagem em um tema. E a qualidade visual, com imagens nítidas e bem produzidas, torna a imagem mais atraente quando ela aparece entre outras opções. Há ainda um cuidado extra que vale a pena: quando uma imagem é importante e você quer que ela seja encontrada, garanta que ela esteja inserida em uma página com conteúdo relevante ao seu redor, e não isolada. Imagens acompanhadas de texto que explica o assunto tendem a ser compreendidas melhor. Tratar a busca por imagens como uma porta de entrada legítima, e não como um detalhe, abre um canal de visitantes que muitos concorrentes desperdiçam por puro descuido.

Um checklist mental para cada imagem#

Para transformar tudo isso em hábito, vale ter em mente uma sequência rápida sempre que for inserir uma imagem no conteúdo:

• O nome do arquivo descreve o que a imagem mostra?
• O texto alternativo descreve a imagem de forma clara e útil para quem não pode vê-la?
• A imagem está no tamanho e no peso adequados, sem exageros de resolução?
• O espaço da imagem está reservado para não provocar saltos no layout?
• A imagem está posicionada perto do conteúdo a que se refere e, se preciso, tem uma legenda que agrega valor?

Nenhuma dessas etapas é complicada, e todas juntas levam poucos minutos. O ganho, porém, se acumula ao longo de dezenas ou centenas de imagens em um site inteiro. Cuidar das imagens é um exemplo perfeito de otimização que serve a vários objetivos de uma vez: acessibilidade para quem mais precisa, velocidade para todos os visitantes, contexto para os mecanismos de busca e uma apresentação mais profissional para o seu conteúdo. É trabalho discreto, mas dos que mais recompensam quem tem a paciência de fazê-lo direito.