Otimização de imagens

Aprenda como otimizar imagens que serão utilizadas nos seus sites

As imagens em uma página de um site não possuem apenas o caráter ilustrativo. Associada a um bom conteúdo, imagens ajudam a enriquecer o texto e podem ser trabalhadas para serem encontradas pelos crawlers (robôs de busca). Uma boa publicação é aquela que explora diversos tipos de informações: imagens, vídeos, slides, animações, funcionalidades com javascript ou com base em alguma linguagem de programação.

Para que as imagens sejam bem rankeadas e apareçam nos resultados de pesquisa do Google Imagens (e outros motores de busca) é necessário seguir algumas instruções:

<img src="nome-da-imagem.jpg" alt="Nome da Imagem" />

Toda imagem deve ter na sua codificação a tag alt

Essa tag ajuda na indexação da imagem e colabora na acessibilidade das pessoas que tem problemas de visão. Existem programas que fazem a leitura do código da página e ao "enxergar" a tag alt a ferramenta faz a leitura para o usuário que passa a saber que naquela região da página existe uma imagem sobre "Nome da Imagem" (o que for escrito nela).

O nome do arquivo deve ser uma descrição da imagem

Toda imagem deve ter o nome que a representa em seu arquivo (nome-da-imagem.jpg) e esse título deve ter as palavras separadas por hífen, caso a imagem não consiga ser descrita em uma palavra apenas.

Cuidado com o tamanho das imagens

As imagens na internet não precisam e não devem ser muito "pesadas". O tempo de abertura do site é um grande fator de ranqueamento e imagens muito grandes tornam as páginas mais lentas. Se você utiliza o Photoshop recomendamos salvar com a opção “Save for Web & Devices” em vez de “Save as…”

Evite redimensionar imagens pelo browser

Imagens que são redimensionadas pelo browser se forem muito pequenas e colocarmos width e height maiores iremos distorcê-las e se fizermos ao contrario estaríamos gerando uma requisição a uma imagem maior para depois diminuí-la, um processo sem necessidade.

Defina exatamente os tamanhos

Ao setar as propriedade de width e height das imagens, os buscadores já terão informações sobre seu tamanho, facilitando assim o processamento desse dado. É considerada como boa prática para #SEO definir a altura e largura das imagens.

Utilize imagens com boa resolução

Imagens com boa resolução passam mais credibilidade e qualidade as publicações e como tendência devem aparecer em melhores posições nas pesquisas por imagens dos buscadores.

DICA DE AUTO PROMOÇÃO

E por fim vai uma dica que pode ser interessante para aqueles que querem ser conhecidos na área profissional que atuam. 

Se você é um analista de sistemas e quer que quando busquem por "analista de sistema" no Google Imagens sua imagem apareça por lá, você pode pegar uma foto sua e mudar o nome para analista-de-sistemas.jpg e a tag alt para Analista de Sistemas. 

<img src="analista-de-sistemas.jpg" alt="Analista de Sistemas" />

Normalmente, as pessoas consideram aqueles que aparecem nas primeiras posições como referências na área. É um truque (pode ser considerado Black Hat? Talvez!) que pode te ajudar. 

Isso vale para profissões ou assuntos de interesse geral como: java, itil, linux, photoshop, etc.