Guia de SEO Definitivo de Otimização 
de Imagens Para Lojas Virtuais 
Para administradores de lojas virtuais assim como vo...
1ª dica SEO otimização de imagens - Nomeie suas 
imagens corretamente 
É verdade que é muito mais fácil tirar centenas de ...
Para exemplificar teremos a seguinte imagem: 
Você poderia utilizar o nome genérico que sua câmera dá para a 
imagem tal c...
Lenovonotebook g485 preto 
Notebook preto g485 Lenovo 
Um bom hábito que você pode adotar é olhar no analytics do seu site...
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...
3ª dica SEO otimização de imagens - Definindo as 
dimensões e ângulos das imagens 
Uma tendência comum esses dias é mostra...
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 mostra...
Se você puder diminuir o tamanho das imagens em sua página e 
aumentar a velocidade de carregamento dela, menos pessoas qu...
Veja outras alternativas de ótimas ferramentas online de edição 
de imagens: 
Pixlr – Bastante semelhante ao editor de ima...
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...
GIFs(.gif) são imagens de qualidade menor que as JPEGs e são usadas 
para casos mais simples como ícones e imagens decorat...
Imagem PNG-32 de 137Kb 
Imagens PNG estão se tornando mais populares como uma alternativa 
para imagens GIF e JPEG. PNG su...
PNGs podem ser uma boa alternativa para ambas JPEGs e GIFs: se você for capaz de 
conseguir fotos apenas no formato PNG 
p...
tamanho de arquivos menores. Lembre-se de que o efeito cumulativo 
da miniatura terá alto impacto no tempo de carregamento...
Teste quais ângulos seus clientes preferem: você acabará 
descobrindo que fornecer imagens nos ângulos que seus clientes q...
Próximos SlideShares
Carregando em…5
×

Guia de SEO definitivo de otimização de imagens para lojas virtuais

289 visualizações

Publicada em

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.

  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Guia de SEO definitivo de otimização de imagens para lojas virtuais

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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.

×