Guia de SEO de Otimização de Imagens Para Lojas Virtuais

Para administradores de lojas virtuais assim como você, otimização de imagens é uma técnica de SEO que você vai querer dominar. Seja para atrair possíveis compradores que pesquisam imagens no Google e em outros buscadores, ou para reduzir o tempo de carregamento do site, otimização de imagens está entre uma das partes mais importantes na construção de um site de ecommerce bem sucedido.

“Por que quando pesquiso uma imagem no Google, as fotos do meu produto nunca aparecem?”

“Será que eu preciso adicionar “Alt tags” em minhas imagens?”

“Qual a diferença entre JPEG, GIF e PNG? Eu deveria usar uma ao invés da outra?”.


É possível que você já tenha se questionado sobre os itens acima. Pois bem. Nesse artigo, estes e outros questionamentos serão respondidos. Iremos explorar agora o que há de melhor em SEO para otimização de imagens nas 7 dicas que veremos a seguir:

Dica 1: Nomeie suas imagens corretamente

É verdade que é muito mais fácil tirar centenas de fotos de produtos e manter o nome de arquivo padrão que sua câmera dá a eles. Mas antes de você adotar esse hábito, vejamos porque isso não é uma boa ideia:

Quando se trata de SEO, é importante utilizar palavras-chave aceitáveis para ajudar a página a obter melhores posições nos sites de busca. Criar nomes de arquivos ricos em palavras-chave relevantes e descritivos, é definitivamente crucial para otimização de imagens.

Sites de busca, não analisam apenas os textos nas páginas do seu site, eles também procuram palavras dentro dos nomes dos seus arquivos de imagens.

Para exemplificar teremos a seguinte imagem:

como otimizar imagens para loja virtual

Você poderia utilizar o nome genérico que sua câmera dá para a imagem tal como IMG_5900.jpg. Por outro lado, seria bem melhor nomear o arquivo para: notebook-lenovo-g485-preto. Além disso, pense também como seus clientes procuram produtos na sua loja.

Quais os padrões de nomes eles usam quando pesquisam? Baseado no exemplo acima, compradores de notebook podem pesquisar utilizando os seguintes termos:

Lenovonotebook g485 preto

Notebook preto g485 Lenovo


Um bom hábito que você pode adotar é olhar no analytics do seu site e ver quais padrões de frases seus clientes usam para fazer pesquisas. Determine os padrões de nomes mais comuns que eles usam e aplique esses critérios no processo de nomeação das suas imagens.

Caso você não consiga essa informação com detalhes, apenas certifique-se de boas palavras-chave quando for dar nomes a suas imagens (e tente ser descritivo!)

A importância de nomear imagens corretamente em sua loja virtual está ligada ao fato de que isso pode definitivamente melhorar o SEO onpage e ajudar a conseguir um rank mais alto para o site.

Dica 2: Otimize suas Alt tags de forma inteligente

Alt tags são textos alternativos das imagens para complementar a compreensão delas pelos mecanismos de busca. O atributo Alt também adiciona valor ao SEO de um site. Adicionando Alt tags corretamente nas imagens de seu site pode ajudá-lo a alcançar ranks melhores nos mecanismos de busca associando palavras-chave com imagens. 

Na verdade, usar Alt tags corretamente é provavelmente o melhor meio dos produtos de sua loja virtual aparecerem no Google Imagens e Pesquisas da Web.

Vamos dar uma olhada agora no código fonte de uma Alt tag:

<imgsrc=“notebook-lenovo-g485-preto.jpg” alt=”Notebook Lenovo g485 preto”>

como vender pela internet seo otimização de imagens alt tag


A prioridade número 1 quando se trata de otimização de imagens é preencher cada Alt tag para cada imagem do produto da sua loja online.

Algumas regras simples a serem seguidas quando se trata de Alt tags:

  • Descreva suas imagens em português claro, assim como você faz nos nomes dos arquivos das imagens.
  • Se você vende produtos que tem número de modelos ou de série, use-os na sua Alt tag
  • Não faça keywordstuffing em suas Alt tags (na verdade não faça isso em lugar algum!). Por exemplo, algo assim: alt=”promoção Informática Notebook Lenovo g485 preto melhor notebook melhor preço à venda”.
  • Não utilize Alt tags para imagens decorativas. Os mecanismos de busca podem penalizá-lo por excesso de otimização.
  • Finalmente, verifique de tempos em tempos a situação do seu site. Veja o código fonte de suas páginas e observe se as suas Alt tags estão preenchidas.

Dica 3: Definindo as dimensões e ângulos das imagens

Uma tendência comum esses dias é mostrar múltiplos ângulos de seu produto. Voltando para o exemplo do notebook Lenovo, você não vai querer mostrar apenas uma foto da frente do aparelho, destacando a tela – especialmente se você está tentando vendê-lo. Para esse caso seria melhor mostrar fotos de:

  • Parte superior (de preferência com ele fechado);
  • Ambos os lados para mostrar as portas USB e outras conexões;
  • Parte da frente dando ênfase para a tela e teclado.

E a melhor forma de tirar proveito dessas fotos extras é preencher as Alt tags. E a maneira que você faria isso é criando Alt tags únicas para cada foto do produto:

notebook-lenovo-g485-preto-teclado.jpg -> utilizando a Alttag de: alt=”NotebookLenovo g485 preto teclado”

notebook-lenovo-g485-preto-tela.jpg -> utilizando a Alttag de: alt=”NotebookLenovo g485 preto tela”

A dica aqui é adicionar descrições para sua Alt tag base para que pesquisadores em potencial sejam direcionados para sua loja online. Se você fizer o dever de casa direitinho, Google vai te presentear com pesquisadores famintos.

Uma palavrinha de alerta sobre a exibição de imagens grandes

Bem, agora você pode querer fornecer uma bela visão para seus visitantes exibindo imagens grandes no qual é um grande aprimoramento da experiência. Apenas tenha cuidado.

Caso o faça, não coloque as imagens maiores no seu site e simplesmente encolha as dimensões via código fonte. Isso fará com que o carregamento de sua página aumente por causa do tamanho maior do arquivo associado a imagem maior.

Ao invés disso, torne-a uma imagem menor e disponibilize a opção de ver uma imagem maior em uma pop-up ou que seja mostrada em uma página separada.

Dica 4: Reduza o tamanho do arquivo das suas imagens

Leve isso em consideração:

  • A maioria dos consumidores espera cerca de 3 segundos para um site carregar em um computador desktop ou notebook.
  • ... e cerca de 5 segundos em seus aparelhos móveis.
  • Amazon descobriu que se suas páginas tornam-se 1 segundo mais lentas, eles perdem 1.6 bilhões de dólares em um ano.
  • Google utiliza o tempo de carregamento como um fator importante em seu algoritmo de ranqueamento.
  • Se você tem imagens que “escorrem” lentamente na tela e levam 10-15 segundos para carregar, bem, então você pode ir dando adeus a seu ex-cliente em potencial!

Então o que fazer?

Quando um cliente for à sua loja virtual, pode levar um tempo dependendo de quão grande seus arquivos são. Especialmente com imagens, quanto maior o tamanho dos arquivos mais tempo leva para uma página carregar.

Se você puder diminuir o tamanho das imagens em sua página e aumentar a velocidade de carregamento dela, menos pessoas que visitam seu site irão pular fora.

Um método que você pode usar para reduzir o tamanho do arquivo das imagens é o comando “Salvar para a Web e Dispositivos” no Photoshop.

Ao usar esse comando, você estará ajustando a imagem ao menor tamanho de arquivo aceitável ao mesmo tempo em que fica de olho nas configurações da qualidade da imagem.

seo otimização de imagens salvar para a web e dispositivos
Salvar para Web no Photoshop


Mas e se você não tiver Photoshop?

Se você não tiver um Photoshop, há diversas ferramentas online que você pode usar para editar imagens. Até mesmo a Adobe tem uma aplicação de edição de imagens online no Photoshop Online Tools.

De fácil utilização, essa ferramenta online não tem todos os recursos encontrados na versão para PC do Photoshop, mas ela garante pelo menos o básico de edição de imagens e não custará nenhuma gota de seu sangue.

Veja outras alternativas de ótimas ferramentas online de edição de imagens:

Pixlr – Bastante semelhante ao editor de imagens ais famoso da Adobe, o Pixlr garante ótimos recursos para edição de imagens. Sua utilização se torna ainda mais fácil para os que já estão habituados com o Photoshop.

PicMonkey – De acordo com alguns especialistas, o PicMonkey é uma ferramenta espantosamente incrível de edição de fotos.

E por último temos o Gimp e o PhotoScape. Bem vou destacar aqui o Gimp. Ele é open-source, um software gratuito de edição de imagens que pode rodar no Windows, Mac ou Linux.

Ele pode fazer quase tudo que o Photoshop faz, porém tende a ser mais “desastrado”. Mas sendo um aplicativo gratuito de edição de imagens, você pode lidar com isso.

O quão grandes meus arquivos de imagens devem ser?

Uma boa regra de ouro para otimização imagens de ecommerce é tentar manter o tamanho do arquivo de imagens abaixo de 70Kb. Isso pode ser realmente difícil as vezes, especialmente, para imagens maiores, mas em alguns minutos veremos como resolver isso.

Dica 5: Qual tipo de arquivo de imagem usar em cada situação

Há três tipos comuns de arquivo que são usados para postar imagens. São eles JPEG, GIF e PNG.

Vamos dar uma olhada nos três tipos de arquivo e como eles afetam a mesma imagem:

seo otimização de imagens smartphone JPEG
Imagem JPEG 31 Kb
Imagens JPEG (ou .jpg) são tipos de arquivos que já atuam há um bom tempo e de fato acabam se tornando um formato de imagem padrão utilizado na internet. Imagens JPEG são possíveis de se comprimir consideravelmente, no qual resulta em imagens de qualidade com pequeno tamanho de arquivo. 

Na imagem acima, o formato JPEG proporciona uma imagem de boa qualidade e baixo tamanho do arquivo.

seo otimização de imagens smartphone GIF
Imagem GIF 36Kb

GIFs(.gif) são imagens de qualidade menor que as JPEGs e são usadas para casos mais simples como ícones e imagens decorativas. GIFs também suportam animações. Em relação a otimização de imagens, é interessante utilizar GIFs para imagens simples e claras em uma página (sendo estas de apenas algumas cores). 

Mas para imagens complexas e fotos, GIFs não são muito atraentes, principalmente para imagens maiores.

O GIF do smartphone acima é um caso onde nós podemos aplicar o seu uso. Isso porque a foto é pequena o bastante para o GIF funcionar bem.

seo otimização de imagens smartphone PNG 8 de 38kb
Imagem PNG-8 de 38Kb

seo otimização de imagens smartphone PNG 32 de 137kb
Imagem PNG-32 de 137Kb

Imagens PNG estão se tornando mais populares como uma alternativa para imagens GIF e JPEG. PNG suporta muito mais cores do que GIF e elas não se degradam cada vez que é salva, como ocorre com as imagens JPEG.

Agora observe como uma imagem PNG-32 é quase quatro vezes maior em tamanho de arquivo do que uma versão PNG-8. Isso é o porque de você ter que ser muito mais cuidadoso com imagens PNG.

Como você pode ver, JPEG é claramente o vencedor aqui. GIFs e PNGs acabam diminuindo em qualidade para que possam ficar com um baixo tamanho de arquivo.

Aqui estão algumas dicas para lembrar quando escolher formatos de arquivo:

Para a maioria das situações no ecommerce: JPEGs serão sua melhor aposta. Elas oferecem a melhor qualidade e o menor tamanho de arquivo.

Nuca use GIFs para imagens grandes de produtos: o tamanho de arquivo será muito grande e não terá um jeito prático de reduzi-lo. Use GIFs para miniaturas e imagens decorativas.

PNGs podem ser uma boa alternativa para ambas JPEGs e GIFs: se você for capaz de conseguir fotos apenas no formato PNG para seus produtos, tente usar PNG-8 ao invés dePNG-32. PNG são bem sucedidas para imagens simples e decorativas, por causa do seu pequeno tamanho de arquivo.

A maioria dos programas de edição de imagens pode salvar imagens para qualquer um dos tipos de arquivo discutidos acima.

Dica 6: Saiba lidar com as miniaturas

Muitos sites de ecommerce usam miniaturas das imagens. Elas fornecem um ótimo meio de rapidamente identificar as páginas de categorias.

seo otimização de imagens miniaturas dos produtos
Otimização de imagens em miniaturas

Miniaturas são ótimas, mas cuidado: elas podem matar sua página silenciosamente através do tempo de carregamento. Estão normalmente presentes em um passo crítico do processo de compra, e se estiverem impedindo as páginas das categorias de carregarem, então provavelmente você estará dando adeus a mais um cliente.

Deixe o tamanho do arquivo de suas miniaturas o menor possível. Pode valer a pena deixar a qualidade um pouco de lado em favor de tamanho de arquivos menores. Lembre-se de que o efeito cumulativo da miniatura terá alto impacto no tempo de carregamento da página.

Faça variações nos textos das Alt tags para não duplicar o texto que você usaria nas versões maiores da mesma imagem. Por motivo de relevância, deixe seus textos Alt bem diferentes. Afinal, a última coisa que você quer é a miniatura sendo indexada ao invés de a imagem maior.

Dica 7: Teste suas imagens

Todo o ponto de otimização de imagens é ajudar a aumentar a visualização do seu negócio online. Até aqui falamos sobre reduzir tamanho de imagens e fazer com que os mecanismos de busca as indexem. Mas e sobre testar as imagens para ver o que trará melhor resultado para seus negócios?

Número de imagens de produtos por página: desde que tempo de carregamento é um problema para alguns sites de ecommerce, você pode descobrir que reduzir o número de imagens em uma página aumentará a taxa de cliques e vendas. 

Mas é possível também que adicionar muitas imagens por página (assim como diferentes visualizações delas) irá melhorar a experiência e levar a mais vendas. E o único meio de descobrir isso é fazendo testes.

Quais ângulos seus clientes preferem: você acabará descobrindo que fornecer imagens nos ângulos que seus clientes querem ver, irá aumentar a fidelidade geral. Uma ótima maneira de descobrir isso é fazer uma pesquisa sobre o que eles gostam mais quando veem fotos de produtos.

No geral, fazer pesquisas com seus clientes é um bom hábito para adotar.

Quantos produtos listados você deve ter nas páginas das categorias: 5, 10, 50, 100 produtos? Teste o número de produtos que você lista nas páginas das categorias para ver qual funciona melhor para seus clientes e sua experiência de compra.

Concluindo 


Espero que depois de ter lido esse artigo, aquelas dúvidas que levantamos no início, e outras, tenham sido esclarecidas. Agora chegou a sua vez por em prática essas técnicas de otimização de imagens em seu e-commerce! 

Quer saber mais? Então veja:
18 Técnicas de SEO Para Sites de Ecommerce - Parte1
[Ebook] Guia de SEO Para Sites de Ecommerce: Baixe Aqui Grátis
Porque Anunciar no Facebook Ads e Quais os Melhores Anúncios
Anunciar no Google Adwords ou em outro serviço semelhante vale a pena?

Nenhum comentário
Postar um comentário

Receba dicas valiosas no seu email