A importância dos atributos Alt e Title na imagem

Sempre se fala de SEO para blogs. Que devemos escrever para o público, mas nunca se esquecer dos sistemas de busca como o Google.

Quando falamos em texto até em certo ponto é fácil fazer o SEO. Escrever palavras corretas que as pessoas possam pesquisar facilmente.

Mas quando falamos em imagem a coisa dificulta. Pois como sabemos os robôs dos sistemas de buscas não conseguem identificar o que tem na imagem. Seja apenas uma imagem mesmo ou um texto na imagem.

E para resolver o problema existe o atributo Alt. Toda vez que um robô acessar o seu site ele vai ler o atributo Alt da imagem. Nele você pode colocar uma pequena descrição do que há na imagem. E em casos em que a imagem não carrega, ou em navegadores de texto, o atributo Alt irá aparecer no lugar da imagem.

Esse atributo também serve para deficientes. Pois em navegadores como o Dosvox (navegador para cegos) o altributo Alt será lido para que o deficiente visual possa compreender o que há na imagem.

Já o atributo Title não é tão importante em termos de SEO, apesar de ser em alguns mecanismos de busca. O Title faz com que uma pequena descrição da imagem apareça quando o usuário passa a seta do mouse sobre a imagem.

No Title você pode colocar uma descrição da imagem ou mesmo brincar com que tem na imagem, dizendo algo engraçado em relação a ela.

<img alt="Pode aparecer no lugar da imagem" height="Altura" src="URL_da_imagem" title="Quando passa o mouse em cima" width="Largura" /></div>

O código acima tem os atributos Alt e Title. Sem contar que tem os atributos de altura e largura, que dizem ao navegador o tamanho correto para carregar a imagem, facilitando o trabalho.