Imagens do site e SEO: alt, nome do arquivo e peso sem complicação

Você colocou fotos lindas no site, mas elas chegam como "IMG_0234.jpg", pesam 6 MB e não têm descrição nenhuma. Para o cliente, o site demora; para o Google e para quem usa leitor de tela, a imagem é um buraco. Este guia mostra como cuidar das imagens do site (texto alternativo, nome do arquivo, formato e carregamento) sem complicação.

Por que as imagens importam para a busca

Segundo a documentação do Google sobre imagens, a busca usa o texto ao redor da imagem, o texto alternativo e o nome do arquivo para entender o assunto. Fotos próprias, de boa qualidade e perto do texto relacionado ajudam o Google a entender a página e podem aparecer no Google Imagens. Nada disso garante posição, mas deixa a página mais clara. Se quiser rever a base, veja SEO on-page.

Imagens também afetam a velocidade. Uma foto pesada no topo da página atrasa o carregamento no celular, e isso pesa na experiência de quem chegou pelo Google.

Texto alternativo (alt): descreva o que a imagem mostra

O atributo alt é o texto que substitui a imagem quando ela não carrega e que o leitor de tela fala em voz alta. O Google recomenda um texto descritivo e coerente com o conteúdo da página, sem encher de palavras-chave.

• Fraco: alt="foto" ou alt="dentista dentista clínica barata perto de mim".
• Bom: alt="Dentista examinando o sorriso de uma paciente na sala de atendimento".

Se a imagem for só decorativa (um enfeite sem informação), deixe alt="" vazio, como orienta o guia de acessibilidade do W3C. Se a imagem for um botão ou link, o alt deve dizer a ação, por exemplo "Falar no WhatsApp".

Nome do arquivo e formato

Use nomes curtos e descritivos, como bolo-de-casamento-tres-andares.webp, em vez de IMG00023.jpg. O Google lista como formatos aceitos na busca: BMP, GIF, JPEG, PNG, WebP, SVG e AVIF. Para fotos, WebP costuma reduzir bastante o peso em relação ao JPEG, mas confira o resultado visual antes de substituir tudo. Garanta também que a extensão combine com o tipo real do arquivo.

Tamanho, dimensões e carregamento

Redimensione a foto para o tamanho em que ela aparece: não adianta subir uma imagem de 4000 pixels para um espaço de 800. Depois, ajuste o carregamento:

• Largura e altura: informe width e height em cada imagem. Isso reserva o espaço e evita que o texto "pule" quando a foto carrega.
• Carregamento preguiçoso: use loading="lazy" só em imagens abaixo da primeira tela. A orientação do web.dev é não aplicar em imagens visíveis logo ao abrir a página.
• Imagem principal: a maior imagem do topo (a que costuma ser o LCP, maior elemento visível) merece fetchpriority="high", não lazy.

Para entender como medir esses efeitos, leia Core Web Vitals e página lenta no celular.

Use imagem de verdade, não texto dentro da imagem

O Google só considera imagens em elementos <img>; imagens de fundo feitas em CSS não são indexadas. E se o preço, o endereço ou o horário estiverem apenas dentro de um banner, buscadores e assistentes de IA podem não ler essa informação. Escreva o dado em texto na página. O mesmo cuidado vale para conteúdo que só aparece por JavaScript, tema de JavaScript invisível para IA. E lembre que site bonito não significa ser encontrado.

Checklist rápido para conferir hoje

• As fotos principais são suas, e não genéricas?
• Cada imagem relevante tem alt descritivo?
• Os nomes dos arquivos dizem algo?
• Nenhuma imagem passa de algumas centenas de KB sem necessidade?
• A imagem do topo não está com lazy loading?
• Informações essenciais estão em texto, não só em imagem?

Fontes: Google Search Central: boas práticas para imagens, web.dev: lazy loading de imagens e W3C WAI: árvore de decisão para imagens.