SlideShare una empresa de Scribd logo
1 de 15
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:
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.
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:
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.
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”>
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.
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.
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.
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:
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
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
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. 
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
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.
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.

Más contenido relacionado

Destacado

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

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.