Digamos que você acesse o buscador de imagens e pesquise pela palavra “Ferrari“. Lhe será mostrado várias imagens de Ferraris e se você clicar em uma, será enviado a página onde a imagem está sendo exibida.

Esta é uma forma alternativa de um visitante encontrar o seu site.

Porém, como você já deve imaginar, os computadores não são muito bons para entenderem o conteúdo de uma imagem.
Então como será que o Google faz para saber quais imagens exibir após um usuário realizar uma busca no Google Images?

A resposta está na tag <alt> . ALT é o acrônimo para Alternative (alternativa) que é um código adicionado ao HTML do site e que reflete o conteúdo da imagem.

Essa descrição é utilizada pelo Google para retornar os resultados sempre que alguém realize uma busca por imagens.

Por ser um texto alternativo a tag <alt> também é importante quando a imagem não é carregada junto com a página. Seja porque houve erro no carregamento por parte do servidor, porque o usuário desabilitou o carregamento de imagens no navegador ou porque a imagem realmente não existe no servidor.

Nesse caso o texto alternativo aparece no lugar, indicando ao visitante do que se trata a imagem que está faltando.

Daí a importância de o texto alternativo ser altamente descritivo e refletir exatamente o que a imagem trata. Confira um exemplo abaixo.

Como criar o texto alternativo
A maioria dos editores de sites em suas versões mais recentes, pedem o texto alternativo sempre que uma imagem é incluída na página, nesse caso o próprio editor se encarrega de gerar o código da tag <alt>, porém se você precisar criar o código manualmente, pode fazê-lo inserindo a seguinte tag alt=”Texto Alternativo” dentro da tag <img>

Ficaria algo mais ou menos assim:
<img src="http://www.site.com/imagem.gif" alt="Texto Alternativo" />

Eu recomendo que o texto alternativo não contenha mais que 10 palavras, pois pode parecer spam para o Buscador.

Leia Também
O que é HTML
Dicas para otimizar a página de erro 404
Imagem nas páginas
Tag Nofollow