Muito pouco utilizado, por isto acaba sendo esquecido. Mas com os novos investimentos nesta área, otimizar as imagens pode se tornar uma boa forma de trazer usuários para o seu site.

Para as imagens mais comuns do site, como background, bordas, ‘cantos’, entre outros, devem vir da folha de estilo (CSS). Por que evita ter que fazer uma nova requisição para cada página chamada. Mas para outras imagens como logo tipo (da home), imagem de notícia ou post, é possível executar algumas tarefas para otimizá-las.

Tarefas

Sempre utilize um prefixo, conforme o nome da imagem e sempre que for viável, trate o título inteiro:

tipodoproduto-nomedoproduto.formato = dvd-sony.jpg

Escolha o nome de acordo com o texto que a imagem ilustra.

Os parâmetros Alt e Title devem descrever a imagem de acordo com o nome, lembrando que tudo deve estar no contexto do texto ilustrado.

Exemplo:

<img src=”imagem/dvd-sony.jpg” title=”DVD da Sony” alt=”DVD da Sony” />

Para imagens decorativas, que não foram chamadas pelo CSS devem ter os valores Title e aAt neutros.

<img src=”imagem/borda.jpg” title=”" alt=”" />

Até a próxima!