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.
Guia de SEO definitivo de otimização de imagens para lojas virtuais
1. Guia de SEO Definitivo 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:
2. 1ª dica SEO otimização de imagens - 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.
3. Para exemplificar teremos a seguinte imagem:
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:
4. 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.
2ª dica SEO otimização de imagens - 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. AdicionandoAlt 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 daWeb.
5. Vamos dar uma olhada agora no código fonte de uma 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 utilizeAlt 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.
<imgsrc=“notebook-lenovo-g485-preto.jpg” alt=”Notebook Lenovo
g485 preto”>
6. 3ª dica SEO otimização de imagens - 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.
7. 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.
4ª dica SEO otimização de imagens - 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.
8. 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 aWeb 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 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.
9. 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.
5ª dica SEO otimização de imagens - 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:
10. 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.
Imagem GIF 36Kb
11. 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.
Imagem PNG-8 de 38Kb
12. 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.
13. 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.
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ágina
silenciosamente 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
14. 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.
7ª dica SEO otimização de imagens - 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?
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.
15. 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 para
adotar.
Teste 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.
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 site de ecommerce!
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.