A otimização de imagens é, grande parte das vezes, esquecida pelos blogueiros e webmasters. Uma imagem deve estar completamente otimizada de modo a atingir dois objetivos: a velocidade de carregamento e SEO!

imagens

Considere complementar a sua leitora com os seguintes artigos:

Porque devemos otimizar as imagens?

Segundo a perspetiva da velocidade de carregamento, é essencial que as imagens sejam leves e corretamente otimizadas para os browsers, para que não haja erros de carregamento nem para que as suas páginas demorem demasiado tempo a carregar.

Para que melhore a qualidade e quantidade de tráfego no seu blog/site, é necessário apostar também em estratégias de SEO (otimização para sistemas de busca) para que consiga ter páginas bem cotadas nas posições do Google e outros motores de pesquisa.

Como otimizar imagens?

Reduzir o tempo de carregamento

Para reduzir o tempo de carregamento, precisa de otimizar o ficheiro de imagem que irá colocar no seu artigo. Para isso há dois métodos.

Se tiver algum programa de edição profissional de imagens como o Adobe Photoshop, abra a imagem e dimensione-a.

dimensionar imagens

Logo de seguida, vá a “File”, “Save for Web & Devices”. No novo menu que agora aparece, pode definir a qualidade, que deverá ter um mínimo de 60% para garantir que sejam percetíveis os pormenores que deseja que sejam notados (como letras por exemplo), podendo ir até 100%, dependendo da utilização da imagem no seu artigo. Pode também neste menu ver qual o tamanho do ficheiro depois de guardar a imagem otimizada. save for web

Caso não tenha nenhum programa de edição profissional de imagens, pode optar por uma das muitas soluções existentes na internet, das quais destacamos o Image Optimizer que apresenta bons índices de qualidade/compressibilidade. Para usar o Image Optimizer, basta fazer o upload da imagem, escolher os parâmetros e carregar em “Optimize Now”.

image optimizer

 

Otimização para SEO

SEO é um dos temas mais importantes no dia-a-dia dos webmasters da atualidade, onde todos querem ganhar os primeiros lugares das páginas do Google e de outros motores de pesquisa. É, portanto, essencial que se esteja atento a todos os pormenores nos seus artigos e dar especial atenção às imagens que não são vistas pelos motores de busca com a mesma facilidade que um texto.

Os motores de busca leem as imagens a partir dos seus atributos, nomeadamente “Title” e “Alt”. São estes dois atributos que dão a entender o conteúdo visual da imagem, indicando assim aos motores de busca como devem ser indexadas.

Quando adicionar as imagens aos seus artigos, não se esqueça então de preencher os campos “Título” e “Texto Alternativo”, correspondentes aos atributos “Title” e ”Alt”, respetivamente.

adicionar imagem

 Veja então em baixo uma imagem otimizada corretamente para SEO e para ter um baixo tempo de carregamento e o respetivo código:

 

imagem modelo

<img class="alignleft size-full wp-image-612" title="imagem modelo" src="http://escolablog.com/wp-content/uploads/2011/10/imagemmodelo.jpg" alt="imagem modelo" width="250" height="250" />

Está pronto para otimizar as suas imagens?

Tente otimizar as suas imagens e dê-nos o seu feedback!