30 de janeiro de 2008

Atributo ALT para Imagens: benefício e acessibilidade

Acredito que muita gente já está cansada de saber para que serve o atributo alt relacionado à tag <img>, mas mesmo assim resolvi escrever um post exclusivamente sobre isso, contemplando, todos os possíveis benefícios.

O atributo alt deve ser usado sempre que uma imagem representar algum tipo de informação, pois os robôs dos Mecanismos de Busca e os programas leitores de tela para deficientes visuais não lêem o conteúdo de imagens.

Como Usar o Atributo "Alt"

Use o atributo alt sempre que alguma informação estiver sendo representada por imagem, caso a imagem não seja carregada o texto alternativo aparecerá.

figura do topo do New York Times
"Topo" do site New York Times com sua logomarca


Conteúdo do atributo alt
New York Times sem a logomarca: texto alternativo

Procure não exagerar no tamanho do "texto alternativo" (alt), use o bom senso. Algumas pessoas falam em limitação de caracteres para o conteúdo deste atributo... Não acredito muito nisso, uso o necessário para expressar a informação contida na figura.

Exemplo: A figura a seguir representa determinada informação, nesse caso de um céu estrelado, porém o robô do Mecanismo de Busca, bem como, uma pessoa com deficiência visual não conseguem entendê-la.

céu estrelado
Figura: Céu Estrelado

Usando o atributo alt é possível dizer ao robô e aos leitores de tela, qual é a informação disponível na figura, como mostra o exemplo a seguir:

<img src="http://www.xyz.com/imagem/lua.jpeg" alt="Céu Estrelado">

A importância do Atributo Alt para Otimização de Sites

Não acredito que seja o fator decisivo na hora do posicionamento, mas é importante, pois ao encontrar uma imagem sem especificação correta (com alt preenchido) que incentivo o robô ou mesmo o usuário que depende de um leitor de tela vai ter para considerar esse site importante?

Vamos ver o que o próprio Google diz em sua Central de Ajuda ao webmaster, leitura obrigatória para qualquer pessoa que deseja trabalhar com Otimização de Sites:

"Em geral, os mecanismos de pesquisa são baseados em texto. Isso significa que para ser rastreado ou indexado, seu conteúdo precisa estar em formato de texto. Isso não significa que você não possa incluir imagens, arquivos em Flash, vídeos e outros conteúdos em seu site. Significa simplesmente que qualquer conteúdo que seja incorporado a esses arquivos deve ficar disponível em formato de texto ou não vai ser acessível para os mecanismos de pesquisa.

(...) forneça equivalentes de texto para arquivos que não são textos. Isso aumenta a capacidade do Googlebot de rastrear e indexar seu conteúdo, além de tornar seu conteúdo mais acessível. Muitas pessoas, como usuários com deficiência visual, que usam leitores de tela, ou que possuem conexões de banda larga baixa, não podem ver imagens em páginas da web. Desse modo, proporcionar equivalentes de texto aumenta sua audiência.

  • Não insira grandes quantidades de texto dentro das imagens. O Googlebot não vai conseguir indexar o texto nessas imagens. Forneça legendas e descrições detalhadas das imagens que você usa - esse é o texto que o Google vai usar para indexar o seu site.
  • Use textos detalhados com atributo alt para descrever o conteúdo de suas imagens. O Googlebot não consegue ler textos incorporados em imagens. Desse modo, usar textos com atributo alt é uma maneira útil para fornecer ao Google informações sobre uma imagem."
Procurei pela Internet por mais algumas referências. Entrei no blog do Matt Cutts e finalmente encontrei um video cast, muito legal, onde Matt, fala sobre a importância do texto alternativo para os Mecanismos de Busca. Vale à pena dar uma olhada!

3 comentários:

Anônimo disse...

Me ajudou bastante,. ótimo post.

Leonardo Miranda disse...

Fiz referência ao seu exemplo.

http://www.leomiranda.com.br/blog/?p=31

Erick Formaggio disse...

Oi Leonardo, obrigado pela referência!
abs!