Portal GSTI
Portal GSTI

PublicarCadastre-seLogin
Menu
Publicação

Otimização de imagens

foto de
Marco Mascarenhas CONTEÚDO EM DESTAQUE

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.

Comentários