O que é otimização de imagem e por que é importante para SEO?

Última atualização - 8 de julho de 2021

O conteúdo visual é parte integrante de todos os sites hoje em dia, com mais de 80% dos profissionais de marketing usando rich media para campanhas digitais. A última atualização na interface de busca de imagens do Google aumentou ainda mais a importância do conteúdo visual no ranking da página. A otimização das imagens reduz a velocidade de carregamento da página e melhora significativamente a classificação da página. Continue lendo para saber mais sobre o que é otimização de imagem e por que é importante para SEO.

O que é otimização de imagem?

A otimização de imagem refere-se ao processo de fornecer imagens de alta qualidade mantendo o menor tamanho possível.

Existem três métodos principais para otimização de imagens: redimensionamento, armazenamento em cache ou compactação. Redimensionar significa reduzir o tamanho da imagem para obter o menor tamanho com a mais alta qualidade. O método de cache, armazena arquivos de imagem dentro do cache do navegador, reduzindo o tempo de carregamento da página.

Por que é importante otimizar imagens?

Todos os dias, de acordo com o Google, centenas de milhões de pessoas usam o Google Images para pesquisar conteúdo da web visualmente. A pesquisa de imagens representa 27% de todas as consultas geradas nas 10 principais propriedades de pesquisa na web dos EUA.

A atualização do botão "Visualizar imagem" do Google da Pesquisa de imagens para "Visitar [Página]". resultou em plataformas de análise registrando um aumento nas sessões geradas a partir da pesquisa de imagens. Isso aumentou a visibilidade do conteúdo para as páginas do host. As imagens são uma importante fonte de tráfego e devemos aproveitá-la.

Otimizar suas imagens reduz o tempo de carregamento da página. Portanto, há mais chances de os visitantes permanecerem em seu site, já que o tempo médio que um usuário espera pelo carregamento de uma página é de 2 segundos. Quanto mais rápido sua página carregar, maior a permanência de seus visitantes no site. Além disso, porque o Google está priorizando sites mais rápidos e penalizando sites lentos. Em resumo, otimizar suas imagens pode ajudá-lo em dois aspectos principais:

Velocidade de carregamento da página

As imagens contêm mais da metade do peso das páginas da web. É por isso que otimizar os tamanhos das imagens é a maneira mais simples de minimizar a velocidade de carregamento.

Classificação de SEO

Alcançar o canto esquerdo dourado é o objetivo de todo profissional de marketing e administrador da web. Portanto, otimizar as imagens para SEO é uma obrigação. Abordaremos algumas dicas e técnicas na seção a seguir.

O caso do comércio eletrônico

A otimização de imagens é especialmente importante no caso de lojas de comércio eletrônico para fornecer um catálogo claro e envolvente. Dito isto, você precisa de uma plataforma sólida de comércio eletrônico que tenha recursos de SEO integrados para obter uma classificação mais alta nos resultados dos mecanismos de pesquisa.

As três principais plataformas de comércio eletrônico, Shopify, Magento e Woocomerce, enfatizam a importância de otimizar imagens para SEO. Por exemplo, Shopify tem um tutorial online onde recomenda aos seus usuários otimizar suas imagens para SEO e conversão, preferindo arquivos JPG a outros formatos devido à relação de qualidade e tamanho.

Portanto, escolher a plataforma que oferece a melhor funcionalidade de SEO é fundamental para maximizar o impacto de suas imagens otimizadas. Vamos revisar rapidamente essas três principais plataformas de comércio eletrônico:

WooCommerce

Fornece acesso ao código-fonte da sua loja e possui uma variedade de personalizações disponíveis, portanto, é considerado SEO-Friendly. Uma extensão do sistema de gerenciamento de conteúdo do WordPress é, portanto, compatível com os plugins de SEO do WordPress. É uma das plataformas de comércio eletrônico mais populares, de acordo com essa estatística .

Alguns dos plugins de SEO disponíveis para WooCommerce são:

• MonsterInsights
• Tudo em um pacote de SEO
• Mapas de site XML do Google
• Cache Total W3
• BZ Carga Preguiçosa
• Imagens otimizadas para SEO

Preço - é um plugin de comércio eletrônico gratuito com atualizações gratuitas, oferecendo extensões com preços para SEO a partir de $ 49

Segurança — você deve instalar um certificado SSL vendido pelo host ou por um fornecedor terceirizado, exigindo senhas fortes e logins limitados.

Desempenho — WooCommerce tende a ficar mais lento ao carregar imagens com um grande número de versões.

Magento

Uma plataforma de comércio eletrônico gerenciada de ponta a ponta, uma das plataformas mais usadas.

SEO — Fornece fortes recursos integrados de SEO que podem ser estendidos para lojas online de médio e grande porte. Algumas das extensões de SEO disponíveis para Magento são:

• Extensão Magento SEO Suite Pro v9.5.2
• Pacote de SEO avançado por Mirasvit
• Extensão gratuita Magento SEO da Creare
• Ultimate SEO Suite da AheadWorks v1.3.8

Preço — é de código aberto, com uma edição gratuita da comunidade. Magento Enterprise Edition é a versão paga, com preço mediante solicitação de orçamento. Como o WooComerce, oferece extensões pagas de SEO.

Desempenho — funciona como um sistema de gerenciamento de conteúdo e, apoiado pela Adobe, os torna ágeis e fáceis de usar.

Shopify

Uma plataforma de comércio eletrônico baseada em nuvem, o recurso de venda sem limite o torna altamente popular.

SEO — Apps Shopify são como plugins para estender suas funcionalidades, com seu próprio mercado para aplicativos.

Alguns dos melhores aplicativos de SEO para Shopify incluem:

• Otimizador de imagem SEO
• Metagerenciador de SEO
• Ultra SEO

Preços — vem com diferentes planos de preços, começando com um teste de 14 dias. O plano básico começa em $ 29 e vai até $ 279.

Desempenho — Um dos melhores recursos da Shopify é a alta velocidade de carregamento das páginas. Este é o resultado da alta prioridade que o Shopify coloca na otimização de imagem.

Como otimizar imagens para Web e desempenho

Aqui estão algumas dicas para ajudá-lo a otimizar suas imagens para obter o melhor desempenho.

#1. Nomeando arquivos de imagem naturalmente

A maneira mais simples de incluir imagens em seu SEO é nomeá-las. Tente encontrar o nome lógico para as imagens, usando as palavras-chave para as quais a imagem pode ser classificada.

Por exemplo, digamos que você tenha uma loja de comércio eletrônico que vende joias feitas à mão e está vendendo os brincos da imagem abaixo, que você chamou de “Manta de Prata”:

Você pode nomear a imagem “image17797.jpg” ou você pode chamá-la de “brincos-seed-beads-woven.jpg”, mais de acordo com as palavras-chave de pesquisa que seus clientes em potencial podem usar para procurar seus produtos.

Da mesma forma, os atributos alt e title das imagens ajudam as imagens a ter uma classificação mais alta nas pesquisas, melhorando a experiência do usuário. Isso, por sua vez, aumenta a relevância da página ao longo do tempo, resultando no mecanismo de pesquisa identificando a página como uma página digna de classificação mais alta.

Escreva esses atributos de forma concisa e gramaticalmente lógica para ajudar os leitores de acessibilidade, melhorando assim a experiência de todos os usuários. O mesmo se aplica a legendas de imagens na página e palavras-chave que cercam a imagem ajudam os mecanismos de pesquisa a obter mais contexto para as imagens.

As tags de título HTML da página host agora são exibidas nos resultados da pesquisa de imagens, portanto, elas também devem ser relevantes para a imagem.

#2. Usando o tamanho e formato corretos

Trabalhar com diferentes tipos de formatos pode ajudá-lo a manter o peso do seu site no caminho certo. Por exemplo, você pode usar SVG para logotipos ou ícones, pois é leve e funciona bem com imagens simples e cores limitadas.

PNG é ótimo para usar com imagens com fundo transparente, embora seja o tipo mais pesado, então use com moderação. JPG é o tipo de imagem mais usado, pois permite muitos detalhes e cores. No entanto, você deve manter as imagens JPG com menos de 100 KB e 1920 px para evitar adicionar muito peso à página.

Se você precisar salvar uma imagem grande, poderá defini-la como JPG progressivo, onde as imagens começam a ser exibidas progressivamente à medida que são carregadas

Os GIFs devem ser salvos para animações simples com esquemas de cores simples, pois são limitados a 256 cores.

#3. Faça um teste A/B nas suas imagens

Um ótimo exemplo de como melhorar suas imagens é o caso da Unilever. A Unilever revolucionou o mercado com suas imagens de heróis no lugar dos tradicionais pack-shots para melhorar a experiência do usuário móvel. Essas imagens de herói transmitem mais informações, com um close da embalagem e uma tira mostrando os elementos de maior interesse para o consumidor.

#4. Hospedagem e armazenamento de imagens

As imagens podem aumentar o número de solicitações feitas ao servidor antes que o navegador termine de carregar a página, tornando a página mais lenta.

Sprites de imagem e imagens hospedadas já foram úteis para acelerar a recuperação e o carregamento de imagens Hoje, dependendo de sua configuração, pode ser mais rápido hospedar imagens no mesmo host que seus arquivos HTML.

A hospedagem de imagens em seu domínio ajuda a capturar o potencial de link equity de qualquer incorporação de suas imagens em seu conteúdo. Outros benefícios incluem controlar o cache, a marca e o controle de redirecionamentos.

O uso de uma rede de entrega de conteúdo (CDN) pode reduzir os tempos de carregamento por ter o servidor próximo ao local do usuário.

Em relação ao cache. as imagens devem ser os ativos com os maiores tempos de armazenamento em cache, definindo expirações de servidor para todos os tipos de imagem.

Quando se trata de cache, verifique também se as expirações do servidor estão definidas para todos os tipos de imagem. As imagens devem ser alguns dos recursos com os maiores tempos de armazenamento em cache (geralmente muitas semanas).

#5. Usando uma solução de gerenciamento de ativos digitais

Uma solução de gerenciamento de ativos digitais pode ajudar não apenas na organização de sua biblioteca de imagens, mas também na otimização de imagens. Uma boa solução de DAM tem marcação automatizada, ajudando você a gerenciar corretamente a nomeação de suas imagens com a palavra-chave pesquisável correta.

#6. Usar carregamento lento

De acordo com a forma como você carrega suas imagens, você pode realmente tornar suas páginas mais lentas. O uso da técnica de carregamento lento permite que a página termine de carregar, apesar de ter imagens fora da tela sendo carregadas quando um visitante rola a página para baixo.

Isso pode melhorar a velocidade da página, mas você deve ter cuidado para indexar as imagens corretamente. Nesse sentido, o uso de sitemaps de imagem ajuda na indexação, aumentando assim a descoberta e o rastreamento.

Você pode aprender mais sobre como otimizar suas imagens para sites de comércio eletrônico como Shopify ou WooComerce neste tutorial do YouTube.

Em suma: use imagens para impulsionar seu SEO

As imagens não são apenas bons auxílios visuais para o seu conteúdo. Hoje em dia, as imagens realmente direcionam o tráfego para o seu conteúdo, tendo o potencial de construir permanência e aumentar o seu page rank. Portanto, otimizar suas imagens para atrair buscas é uma obrigação para todo site que queira melhorar seu SEO.