Otimizar imagens é requisito para um site bem posicionado. Veja como otimizar as imagens do seu site e impulsionar o SEO.
Todos conhecemos o ditado que diz que uma imagem vale mais do que mil palavras.
Este é motivo suficiente para que os artigos que você publica em seu site ou blog contenham imagens de qualidade.
Neste guia, vamos destacar algumas boas práticas para você otimizar as imagens para SEO.
Antes, porém, ao pensar na necessidade de diminuir o tempo de carregamento do seu site, é preciso avaliar quais imagens são realmente necessárias.
Devo Usar Imagens no Meu Artigo
Sim, você deve usar imagens em seu site. Elas dão vida para um artigo. Podem ser úteis para transmitir uma informação.
Pense por exemplo na grande utilidade e relevância dos gráficos. Na maioria das vezes, dados são mais fáceis de serem lidos e compreendidos quando estão presentes em um infográfico, em vez de simplesmente dispostos em um longo parágrafo.
Por este motivo, as imagens são importantes para otimizar sua página para os mecanismos de buscas (SEO). Isto permitirá, por exemplo, que elas apareçam nos resultados de pesquisa do Google Imagens.
Isto, por si só, já indica que é interessante sempre utilizar imagens nos artigos.
Ao mesmo tempo, aqui cabe uma palavra de cautela.
Quando as Imagens Podem Se Tornar Um Problema
Inicialmente, precisamos ter em mente que as imagens, em grande parte, são os elementos mais pesados nas páginas da internet.
Distribuir uma série de imagens desnecessárias dentro do seu artigo, de forma aleatória, aumenta o tempo de carregamento das páginas. Isto pode gerar dois problemas:
- Os usuários podem sair da página antes que ela termine de carregar;
- A página pode perder posicionamento nos mecanismos de busca.
Outro aspecto que você precisa ter em mente é que textos exibidos em imagens não são selecionáveis nem pesquisáveis. Ou seja, os mecanismos de busca não conseguem ler o texto em uma imagem e os usuários não conseguem selecionar e copiar uma informação nela.
Portanto, é preciso ter equilíbrio ao determinar quantas imagens serão exibidas em sua página.
Para garantir que as imagens sejam suas aliadas, vamos analisar três alternativas:
- Eliminar imagens desnecessárias
- Utilizar alternativas às imagens
- Otimizar imagens para o SEO
Eliminar Imagens Desnecessárias
A otimização de imagens passa, inicialmente, pela necessidade de averiguar se todas elas são realmente necessárias.
Se nesta análise for encontrado imagens desnecessárias que só estão aumentando o tempo de carregamento das páginas, o ideal seria eliminá-las.
Utilizar Alternativas às Imagens
Quais seriam as alternativas para diminuir a quantidade de imagens em um artigo?
Um deles são os efeitos CSS, que incluem sombras, gradientes e animações. As animações consistem em animar transições de um estilo CSS para outro.
Além disso, temos à nossa disposição um incrível quantidade de fontes da Web que podem ser úteis para destacar uma informação.
Não estamos dizendo que as imagens podem ser inteiramente substituídas. Mas com esta técnica você talvez consiga diminuir o número delas, deixando suas páginas mais leves.
Otimizar Imagens
Uma vez definido que a imagem é relevante para seu artigo, chega o momento de deixá-la otimizada para o SEO. Como fazer isso?
Escolher o Nome do Arquivo
Já mencionamos que o Google não consegue ler o conteúdo de uma imagem. Mas você pode ajudá-lo ao nomear o arquivo.
Ao fazer isso, certifique-se de que a imagem contenha as palavras-chave do seu artigo.
Por exemplo, se sua imagem for de uma mochila nike de 30 litros, você certamente não uparia o arquivo com o nome DSC8272.jpg. Neste caso, você nomearia o arquivo como mochila-nike-30-litros.jpg.
Otimizar o Formato
Não vamos dizer aqui qual o formato ideal para uma imagem. Isto porque existem algumas variáveis.
Por exemplo, imagine que sua imagem seja apenas um desenho com um gráfico. Neste caso, você precisaria de uma resolução bem menor daquela que seria necessária em uma fotografia.
Portanto, ao definir o formato ideal para suas imagens, considere estas opções.
JPEG/JPG:
Formato que garante clareza das cores, mantendo o arquivo em um tamanho reduzido. Pode ser usado em gráficos e fotos.
Mas é importante mencionar que é a compactação do JPEG oferece perdas. Ou seja, elementos considerados desnecessários em uma foto podem ser excluídos.
Portanto, alguma qualidade será perdida quando você converter uma imagem para o JPEG. Você só precisa garantir que esta perda não seja nítida e impactante.
PNG:
O PNG preserva a transparência de partes da imagem.
No processo de conversão, diferentemente do que acontece com o JPEG, não ocorre perda de dados.
Por este motivo, o PNG preserva os elementos da foto com maior fidelidade. Exatamente por esta característica, este formato costuma ser maior que o JPEG.
WebP:
O WebP é um formato desenvolvido pelo Google para otimizar imagens.
Ele foi desenvolvido com o objetivo de manter a qualidade da imagem, ao mesmo tempo em que os arquivos são mantidos em tamanhos menores do que os formatos mencionados acima.
SVG:
Trata-se de um formato de imagens vetorizadas. São ideais para exibir imagens simples, como logotipos e ícones.
Uma das vantagens do SVG é que ele pode ser redimensionado sem perder a qualidade, como acontece com outros formatos.
No entanto, eles deixam a desejar quando o assunto são imagens complexas, como fotografias.
Redimensionar Para o Tamanho Certo
Considere o seguinte problema em alguns sites.
Uma imagem de 1000×1000 pixels é upada para um artigo. Após isso, ela é ajustada para ser exibida no tamanho 200×200.
Neste caso, embora ela esteja sendo exibida com o tamanho de 200×200 pixels, não houve mudanças no tamanho do arquivo. Em outras palavras, um desperdício!
Portanto, se a imagem será exibida com 200×200, utilize um editor de imagens para redimensionar seu arquivo para este valor. Isto reduzirá o tamanho dele, garantindo que ele seja carregado mais rapidamente.
E por falar nisso, considere também utilizar ferramentas com tecnologias que permitem reduzir o tamanho dos arquivos com uma pequena ou nenhuma redução na qualidade das imagens.
O Jpegmimi é uma destas ferramentas.
Reduzir a Intensidade dos Bits
Uma dica interessante é reduzir os bits da imagem. Isto pode ser feito no caso de imagens que não possuam transições graduais de cores.
Observe a imagem abaixo:
Da esquerda para a direita, este PNG possui a seguinte quantidade de bits:
- 32 bits (16 milhões de cores)
- 7 bits (128 cores)
- 5 bits (32 cores)
Note que, na última figura, o céu está serrilhado. Portanto, devido à variação gradual das cores, esta imagem é melhor apresentada em 7 bits.
No entanto, se a imagem que você for upar tiver poucas cores, será um desperdício utilizar uma paleta com muitos bits. Isso, sem contar no fato de que o arquivo da imagem ficará em um tamanho maior.
A Imagem Dentro do Artigo
Bom, depois que o formato, tamanho e nome do arquivo foi definido, chega o momento de inseri-lo no seu artigo ou post.
O que você precisa ter em mente neste momento?
Você deve fornecer informações sobre este arquivo que facilitarão para o Google identificar do que se trata a imagem.
Já mencionamos que o nome do arquivo desempenha um papel importante nisso. Mas além deste aspecto, você pode inserir mais detalhes utilizando:
Legendas:
Elas são úteis para o SEO.
Um estudo da KissMetrics mostra que elas são lidas, em média, 300% mais vezes do que o corpo do texto em si.
Para evitar a otimização excessiva da imagem, considere inserir legendas somente quando a informação for importante.
Alt Text:
É o texto alterativo que tem como objetivo descrever a imagem. Os motores de busca leem este texto para compreender melhor o que a imagem está exibindo.
Por exemplo, você tira uma foto aérea de Curitiba, mostrando os prédios e com o pôr do sol ao fundo. Neste caso, seu Alt Text poderia ser: “Cidade de Curitiba com pôr do sol ao fundo”.
Embora ele seja importante para os mecanismos de pesquisa, escreva o Alt Text como se estivesse falando com uma pessoa.
Concluindo
As imagens são elementos muito importantes para uma página de qualidade, tanto na questão visual, decorativa, quanto para transmitir informações.
Por isso, ao procurar melhorar seu site nos mecanismos de busca, é necessário otimizar as imagens para SEO.
Isto garantirá leitores mais satisfeitos e, até mesmo, aumentar o número de suas conversões.
Se quiser outras dicas para posicionar melhor seu site na busca do Google e de outros buscadores, não deixe de ler nosso Guia de SEO Para Iniciantes.
