Olá pessoal, já estamos em 2010!
Desejo à todos um ótimo ano. Com muita paz, e principalmente saúde. Que seja um ano de muitas vitórias para todos nós.

vamos a mais uma matéria de SEO.

Antes de iniciarmos essa matéria é importante salientar. O correto é dizer atributo alt e não tag alt. Digo isso por ver muitas pessoas chamando esse atributo de tag. Em uma entrevista de emprego, por exemplo, para demonstração de conhecimento técnico, jamais chame esse atributo de tag.

Atributo alt é de fundamental importância, já que descreve de forma resumida o conteúdo de uma imagem, principalmente para usuários com restrições em visualizar esses elementos.

Ao utilizar imagens em suas páginas Web, é de boa prática a utilização do atributo alt. Enquanto uma imagem está sendo carregada, o texto do atributo alt é mostrado, ou no caso de uma de suas imagens não ser carregada o conteúdo do atributo alt é mostrado, como um texto alternativo. Mas eu acredito que a principal vantagem de utilizar esse atributo é ainda para pessoas com deficiência visual que utilizam sistemas leitores de tela. Veja alguns exemplos desses programas:

Veja abaixo um exemplo do não carregamento da imagem. E perceba a descrição do texto alternativo.

Texto alternativo da imagem

Texto alternativo da imagem

Um ponto importante a se observar é achar que o alt é responsável por mostrar a exibição do texto ao deixar o mouse sobre a imagem. Esse papel na verdade é do atributo title. Alguns navegadores, como o Internet Explorer, mostram erroneamente tal descrição.

Atributo alt, um aliado na otimização de páginas

Uma forma de deixar o site mais otimizado é incluir suas palavras-chave dentro desse atributo. O uso de palavras-chave dentro do atributo alt pode desempenhar um papel importante para melhorar o seu posicionamento no ranking dos buscadores.

Veja um exemplo da utilização desse atributo.

<img src=”imagem.jpg” alt=”descrição da imagem” />

Para se tirar o máximo de proveito desse atributo, é recomendável utilizá-lo em todas as imagens do seu site.

Como visto na matéria sobre SEO Black Hat, alguns desenvolvedores acabam enchendo esse atributo de palavras-chave sem nenhum sentido, em vez de colocar descrições precisas nas imagens.

A W3C recomenda o uso obrigatório desse atributo para um site estar em conformidade com os padrões web de desenvolvimento.

Dicas na utilização do atributo alt

  • Esse atributo é importante para o posicionamento do seu site no google images.
  • Se não tiver o que escrever como texto alternativo use alt=””.
  • Evite descrições muito longas dentro do atributo alt.
  • Não coloque como conteúdo créditos para o autor da foto. Exemplo, foto tirada por Carlos Eduardo.
  • Criar descrições eficientes e curtas.

Por hoje é isso pessoal, até a próxima.

Posts relacionados