Guia de SEO Definitivo de Otimizaçãode 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 meuproduto 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 aoinvés da outra?”.

É possível que você já tenha se questionado sobre os itens acima. Poisbem. 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:

1ª dica SEO otimização de imagens - Nomeie suas imagens corretamente

É verdade que é muito mais fácil tirar centenas de fotos de produtos emanter 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-chaveaceitá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:

Você poderia utilizar o nome genérico que sua câmera dá para aimagem 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 noexemplo 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 ever 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, apenascertifique-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 virtualestá ligada ao fato de que isso pode definitivamente melhorar o SEOonpage e ajudar a conseguir um rank mais alto para o site.

2ª dica SEO otimização de imagens - Otimize suas Alt tags de forma inteligenteAlt tags são textos alternativos das imagens para complementar acompreensã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 melhormeio dos produtos de sua loja virtual aparecerem no Google Imagens e Pesquisas da Web.

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çaisso 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 mecanismosde busca podem penalizá-lo por excesso de otimização.

Finalmente, verifique de tempos em tempos a situação do seusite. Veja o código fonte de suas páginas e observe se as suasAlt tags estão preenchidas.

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

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

3ª dica SEO otimização de imagens - Definindo as dimensões e ângulos das imagensUma tendência comum esses dias é mostrar múltiplos ângulos de seuproduto. 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 asAlt 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 quepesquisadores 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 seusvisitantes 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 esimplesmente 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 dever uma imagem maior em uma pop-up ou que seja mostrada em uma página separada.

4ª dica SEO otimização de imagens - Reduza o tamanho do arquivo das suas imagensLeve isso em consideração:

A maioria dos consumidores espera cerca de 3 segundos paraum 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 segundomais lentas, eles perdem 1.6 bilhões de dólares em um ano.

Google utiliza o tempo de carregamento como um fatorimportante em seu algoritmo de ranqueamento.

Se você tem imagens que “escorrem” lentamente na tela e levam10-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 tempodependendo 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 eaumentar 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 dasimagens é 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.

Mas e se você não tiver Photoshop?

Se você não tiver um Photoshop, há diversas ferramentas online quevocê 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 recursosencontrados 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 deseu sangue.

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

Pixlr – Bastante semelhante ao editor de imagens ais famoso daAdobe, 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 aquio 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.5ª dica SEO otimização de imagens - Qual tipo de arquivo de imagem usar em cada situaçãoHá 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 amesma imagem:

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 boaqualidade e baixo tamanho do arquivo.

Imagem GIF 36Kb

GIFs(.gif) são imagens de qualidade menor que as JPEGs e são usadaspara 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 oseu uso. Isso porque a foto é pequena o bastante para o GIF funcionar bem.

Imagem PNG-8 de 38Kb

Imagem PNG-32 de 137Kb

Imagens PNG estão se tornando mais populares como uma alternativapara 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 vezesmaior 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 ePNGs acabam diminuindo em qualidade para que possam ficar com um baixo tamanho de arquivo.Aqui estão algumas dicas para lembrar quando escolher formatosde arquivo:Para a maioria das situações no ecommerce: JPEGs serão suamelhor aposta. Elas oferecem a melhor qualidade e o menor tamanho de arquivo.

Nuca use GIFs para imagens grandes de produtos: o tamanho dearquivo será muito grande e não terá um jeito prático de reduzi-lo. UseGIFs 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 PNGpara 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 imagenspara qualquer um dos tipos de arquivo discutidos acima.

6ª dica SEO otimização de imagens - 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.

Miniaturas são ótimas, mas cuidado: elas podem matar sua páginasilenciosamente através do tempo de carregamento. Elas 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 cumulativoda 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 quevocê 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.

7ª dica SEO otimização de imagens - Teste suas imagensTodo o ponto de otimização de imagens é ajudar a aumentar a visualização do seu negócio online. Até aqui falamos sobre reduzirtamanho 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?

Teste o 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.

Espero que depois de ter lido esse artigo, aquelas dúvidas quelevantamos 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 site de ecommerce!

Teste 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 paraadotar.

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

Encontre outros guias, dicas e tutoriais de vendas na internet em: www.comovenderpelainternet.net.br

Lá você também poderá baixar gratuitamente o Ebook feito especialmente para seu Ecommerce.