Como otimizar as imagens do seu site para torná-lo mais rápido e com melhor desempenho

Você está prestes a lançar um site pessoal ou aumentar o desempenho de um já existente? Lembre-se sempre de que a otimização da imagem é a chave para a classificação do site e posições de topo.

Quando trabalhamos em um site, geralmente tendemos a nos concentrar no conteúdo, textos otimizados, fotos e cores, e outras pequenas escolhas estilísticas para ajustá-lo aos nossos gostos e produtos. Mas muitas vezes deixamos de nos preocupar tanto com a otimização de imagens - ou negligenciamos sua importância.

O que significa otimizar imagens

Essencialmente, otimizar imagens significa compactá-las e torná-las menos pesadas para melhorar a velocidade e o desempenho do seu site.

O que muitos não sabem é que a qualidade e o peso da imagem afetam diretamente a velocidade e o desempenho do site e, consequentemente, seu posicionamento nos buscadores.

Se você já fez tudo o que pode para aumentar a qualidade do seu conteúdo e palavras-chave, e as configurações do site e do índice não têm problemas técnicos, é hora de otimização: isso pode fazer a diferença na escalada nas primeiras posições do portal de pesquisa.

Imagens da web: peso, resolução e dimensões ideais

O peso ideal da imagem para a web é geralmente de 200–300 kb. Uma resolução ideal é 72 dpi (ou seja, aproximadamente 70%). As dimensões ideais limitam o lado longo a 1200 pixels (dimensões e resolução maiores são indicadas principalmente para impressão, mas pouco adequadas para contextos da web).

Reduzir o peso das imagens e a sua resolução, bem como adaptar a imagem ao formato da página, é portanto essencial para otimizar o desempenho de um site.

Como otimizar as imagens em um site

Se você não é um especialista em gráficos e nem sabe o que é o Photoshop, não tenha medo: existem muitas ferramentas e sites amigáveis ​​e gratuitos para você otimizar facilmente as imagens do seu site, preservando sua qualidade. Se, por outro lado, você consegue se controlar, otimizar imagens para a web com o Photoshop é definitivamente a melhor opção.

De fato, esses sites e ferramentas predefinem os valores gerais para obter uma imagem otimizada, ou seja, ter uma imagem compactada por peso e tamanho de acordo com os padrões da web sem afetar sua qualidade. Obviamente, muito do resultado depende da imagem que você carrega em primeiro lugar. Claro, uma imagem inicial granulada não pode se transformar em uma imagem de alta qualidade após a compressão.

Sites com funções de otimização de imagens , gratuitas ou pagas conforme a necessidade, incluem Comprimilo, Optimizilla, Kraken, TinyPNG e CompressJpeg, entre outros. Como de costume com a web em constante evolução, esses sites, especialmente os gratuitos, estão sempre mudando. No entanto, uma simples pesquisa por palavra-chave será suficiente para encontrar os melhores sites atuais para otimizar suas imagens gratuitamente.

Além disso, se seu site for construído com a plataforma WordPress, você terá outra chance: otimizar imagens WordPress por meio de plug - ins . Plugins nada mais são do que programas de suporte destinados a melhorar as funções de outros programas. Resumindo, eles adicionam novos recursos ao seu site sem que você precise codificar.

Os mais populares são:

• Smush
• Otimizador de imagem EWWW
• Imagify
• ShortPixel
• TinyPNG

O papel do SEO na otimização de imagens

O peso e a qualidade da foto são tão importantes no processo de otimização da imagem quanto o SEO que as acompanha. Na verdade, o SEO não trata apenas das palavras-chave dos textos do seu site. Também lida com os títulos e tags das imagens que são enviadas para o site.

O SEO de uma imagem inclui:

• o atributo alt, ou seja, texto alternativo
• o atributo do título, ou seja, título da imagem
• rubrica
• Descrição
• URL, ou seja, link

Definir bem o texto alternativo e o título é vital. Quanto mais precisamente você descrever sua imagem, mais os mecanismos de pesquisa a perceberão como conteúdo de qualidade para as palavras-chave de pesquisa correspondentes. Isso é especialmente relevante para e-commerce, onde cada produto de imagem é uma chave de pesquisa em si.

Seria ideal otimizar as imagens antes de enviá-las ao site , depois de salvá-las corretamente nas pastas do PC. Obviamente, se isso não for possível, você pode voltar à galeria de imagens do site e fazer esse trabalho depois.

Você está pensando em todas as imagens que salvou em Photo1, Kkkkkkkkkjpg, Image_3 etc.?

Agora, execute para otimizá-los!

Como otimizar imagens de sites em algumas etapas simples

1. Comprima o tamanho de suas imagens para não sobrecarregar o site

Se você não deseja que imagens excessivamente grandes e pesadas tornem seu site mais lento, escolha um dos sites gratuitos que permitem otimizar suas imagens de maneira simples e rápida. Sugerimos alguns deles acima, mas você sempre pode encontrar outros por meio de uma simples pesquisa no Google.

Os mais experientes podem consultar o Photoshop. Esta é certamente a ferramenta mais profissional para personalizar da melhor forma as imagens que adicionamos ao nosso site.

2. Dê ao seu arquivo um nome apropriado

Embora todos nós já estivéssemos lá (mesmo para aqueles que fingem o contrário), salvar rapidamente nossos arquivos de imagem com nomes como pffffffff, image_7, img568, etc. nunca é uma boa escolha.

Dedique um minuto extra para encontrar um título eficaz e descritivo para sua imagem. Se você fizer essa etapa imediatamente, não terá que fazer um trabalho duplo depois.

Cuidado com o excesso de coisas boas. Não coloque uma série de palavras-chave em sequência. O algoritmo pode puni-lo por excluir palavras-chave em sua imagem. Sempre opte por um meio termo.

3. Escolha um texto alternativo de acordo com o título de sua imagem

Depois de escolher o título da imagem, continue combinando um texto alternativo apropriado. Este é, de fato, o elemento mais importante para indexar e otimizar uma imagem junto com o título. O texto alternativo destina-se a fornecer detalhes da imagem que são alternativos aos meros visuais.

Então, em palavras, descreva o que você vê na imagem.

4. Insira uma legenda e uma descrição

A legenda e a descrição não são tão essenciais quanto o título e o texto alternativo. Mas eles podem dar mais relevância à sua imagem quando você a otimiza.

A legenda é o texto que aparecerá na página logo abaixo ou ao lado da imagem para reforçar sua mensagem e relevância.

A descrição destina-se à programação interna do site, a fim de classificar as imagens e saber o que elas contêm. Não tem relevância especial para o SEO.

5. Salve as imagens e envie-as para o seu site

Depois de preparada, compactada e otimizada a imagem, também para fins de SEO, basta salvá-la no computador. Em seguida, carregue-o no site de interesse.

Conclusões

As imagens costumam ser subestimadas e consideradas um elemento puramente estilístico. Na realidade, são essenciais para melhorar ainda mais o desempenho do nosso site e dar um salto extra para chegar ao topo dos motores de busca.

A otimização de imagens pode parecer um processo longo e tedioso, que geralmente preferimos ignorar. No entanto, depois de pegar o jeito desse processo, você o achará fácil e automático. No longo prazo, permitirá que você melhore o desempenho do seu site, tornando-o mais rápido e mais relacionado às chaves de pesquisa dos usuários.

Por último, não se esqueça de que as mesmas regras de otimização (redução de peso, texto alternativo, etc.) também se aplicam aos seus e-mails! Descubra todos eles no Guia de design de e-mail do MailUp!