Guia completo de otimização de imagem de comércio eletrônico 2023

Introdução

Marketing é encontrar um problema no mercado e depois vender a solução para os clientes. Em outras palavras, trata-se de criar e difundir a conscientização sobre um problema. Ao criar conscientização, é fundamental considerar que você está se comunicando com os consumidores certos como profissional de marketing.

Search Engine Optimization é crucial para aumentar o tráfego para o seu site, encontrando o público certo. O SEO ajuda a classificar o conteúdo nos resultados de pesquisa impulsionados pela consulta de pesquisa. Ele consiste em três componentes.

1. SEO na página
2. SEO fora da página
3. Técnico

O SEO On-Page abrange o conteúdo presente na página. As imagens são uma parte essencial do SEO On-Page e um excelente meio para o tráfego de páginas da web e aumentar suas classificações.

Objetivo e para quem é este guia?

Se você gerencia conteúdo online usando o google, este guia é para você. Os resultados de aprendizagem deste guia são os seguintes:

• Aprenda os conceitos básicos de otimização de mecanismos de pesquisa
• Aprenda a importância de otimizar imagens no Google
• Aprenda e entenda os requisitos técnicos para otimizar páginas e imagens no Google
• Aprenda e entenda as melhores práticas para otimizar imagens

Se você possui, gerencia, gera receita ou promove conteúdo on-line por meio da Pesquisa Google, este guia é para você. Você pode ser o proprietário de um negócio próspero, o proprietário de uma dúzia de sites, um especialista em SEO em uma agência da web ou um especialista em SEO DIY apaixonado por mecanismos de pesquisa: este guia é para você.

Se você está procurando uma visão geral abrangente das técnicas para otimizar melhor as imagens de acordo com as práticas recomendadas do Google, você veio ao lugar certo. Um ponto importante a ser observado é que este guia revelará segredos que automaticamente classificam seu site em primeiro lugar no Google.

No entanto, seguir as práticas recomendadas deve facilitar para os mecanismos de pesquisa rastrear, indexar e entender seu conteúdo.

Otimização de Imagens

Otimizar as imagens no Google vai te ajudar a aumentar sua taxa de conversão e aumentar as vendas em até 9%. Isso também ajudará a melhorar a experiência do usuário. Cerca de 10,1% das pesquisas no Google são imagens.

As imagens também são uma forma de descobrir conteúdo. Ao pesquisar imagens, os usuários também podem gostar de ler sobre o conteúdo que a imagem fornece, e é assim que você atrairá mais tráfego para sua página da web.

Os motores de busca têm uma limitação: não conseguem ler as imagens. Em vez disso, eles se concentram no conteúdo que uma imagem possui. Por conta disso, as técnicas de otimização de imagens são essenciais para que o usuário possa atrair mais visitantes através da busca de imagens.

As imagens do Google podem ser importantes para a descoberta de conteúdo. Os dados mostram que, no geral, 20% das buscas do Google acontecem por meio de buscas por imagens . Além disso, classificar imagens no google leva menos tempo do que classificar conteúdo.

As visitas às imagens podem desempenhar um papel significativo em trazer tráfego para o seu site, pois facilitará a descoberta de conteúdo relevante e essencial. As imagens despertam interesse na mente do usuário em relação à descrição ou à história por trás dela.

Além disso, otimizar imagens também é crucial para melhorar a experiência do usuário. A velocidade de carregamento é diretamente afetada pela qualidade e tamanho de uma imagem. Se uma página está demorando mais para carregar, existe a possibilidade de que os visitantes saiam dessa página, aumentando assim a taxa de rejeição.

O Google também começou a usar a velocidade do site como um fator de classificação. O desempenho do seu site afeta o número de visitantes.

Os relatórios sugerem que as imagens não otimizadas ocupam até 75% do peso, resultando em uma experiência de usuário terrível.

Suponha que você esteja tentando encontrar uma resposta ou conteúdo relacionado ao seu problema. Mas se o site que você acessou demorar muito para carregar, há uma chance de você voltar para o outro site.

Por outro lado, os visitantes também abandonarão seu site se não virem nenhuma imagem em seu conteúdo, tornando-o horrível e difícil de entender.

Otimizar e adicionar imagens de produtos também aumentará sua taxa de conversão, pois os clientes entenderão como são os produtos.

6 dicas fundamentais para otimização de imagem

Como proprietário de um site, você precisa otimizar suas páginas da Web para obter um melhor desempenho, conforme descrito anteriormente. Para melhorar o desempenho do seu site, você precisa trabalhar em áreas como experiência do usuário, SEO técnico e legibilidade do conteúdo.

Experiência de usuário

Criar uma melhor experiência do usuário também aumenta o desempenho e a classificação do site. Se a taxa de rejeição do seu site for maior, isso pode ser um fator negativo na classificação do seu site.

De acordo com as políticas do Google, o desempenho de um site é um fator de classificação desde 2010. Uma melhor experiência do usuário indica que os usuários encontram o conteúdo e o site de acordo com suas necessidades e intenção de pesquisa.

Os seguintes KPIs podem medir a experiência do usuário:

• Taxa de sessão
• Taxa de rejeição
• Páginas/Por sessão.

O Google Analytics ajudará você a entender o desempenho do seu site para que você possa analisar o que está acontecendo de errado com ele.

Para melhorar a experiência do usuário, a primeira coisa a fazer é escrever para as pessoas. Novas atualizações do Google exigem que você escreva o conteúdo que as pessoas precisam. Existem três áreas nas quais a otimização está sendo realizada On-page, Off-page e Técnica.

Depois de fornecer aos usuários o conteúdo necessário, as análises do site serão aprimoradas. Você pode acompanhar o desempenho de seus sites usando os KPIs mencionados acima pelo Google Console ou pelo Google Analytics.

Enriqueça seu conteúdo adicionando figuras, gráficos e imagens. Para um site de comércio eletrônico, as imagens são tão importantes quanto o site. No caso de um site de comércio eletrônico, se uma imagem não apoiar seu produto, não há necessidade de ter um site.

O objetivo principal do site é fornecer uma descrição visual do produto e explicar ao usuário uma história. Além disso, a maioria dos usuários acha fácil entender e lembrar do conteúdo quando explicado com a ajuda de imagens.

O Google recomenda que os criadores de conteúdo criem conteúdo para usuários, não para mecanismos de pesquisa. A visibilidade da imagem pode ser aumentada seguindo algumas práticas recomendadas.

A qualidade do conteúdo de uma página da web desempenha um papel vital na classificação das imagens no Google Images. Imagens no Google fornecem mais contexto e tornam os resultados mais acionáveis. O conteúdo da página gera trechos de texto para imagens que podem servir como fator de classificação para imagens.

A experiência do usuário melhora ao tornar as interfaces e os sites amigáveis ​​para todos os dispositivos. Os relatórios sugerem que muitas Imagens do Google são pesquisadas por meio de dispositivos móveis em vez de desktops.

Há uma alta probabilidade de que a taxa de rejeição aumente se um usuário tiver dificuldade em acessar o conteúdo ou as imagens. Existe uma relação direta entre o desempenho de uma página e seu ranking. O desempenho supremo melhorará a classificação das imagens na página da web.

Uma estrutura de URL amigável melhora o desempenho do site porque o Google usa o caminho do URL das imagens como nomes de arquivos para entender as imagens.

Melhorar para velocidade

Aplicar corretamente as técnicas de otimização de imagem para melhorar a velocidade do site. Dependendo da situação e do uso, você deve selecionar os formatos de imagem de acordo. Existem dois tipos de formatos de imagem vetorial e raster.

Os vetores são adequados para imagens que consistem em formas geométricas simples, como logotipos, textos ou ícones. As imagens vetoriais oferecem os melhores resultados em todas as resoluções, tornando-as o formato ideal para obter melhores resultados.

Mas quando se trata de descrever uma imagem, os gráficos vetoriais ficam aquém. Para imagens, formatos como JPEG, JPG ou WebP para salvar os arquivos. Ambos os formatos têm prós e contras, pois as imagens Raster são inadequadas para requisitos de alta resolução. A imagem a seguir descreve um resultado entre a imagem raster e vetorial

A otimização de imagens não tem parâmetro definido; em vez disso, é um conjunto de técnicas diferentes para exibir melhores resultados. Outro fator essencial é encontrar a configuração ideal para melhores dimensões de pixel e dados codificados.

Não há resposta certa ou errada ao definir a dimensão da imagem. É por isso que uma análise cuidadosa é necessária para encontrar as configurações ideais das dimensões.

No entanto, sites específicos de comércio eletrônico criaram regras de acordo com o site em que colocam sua imagem. Com base no espaço disponível para imagens, esses sites solicitam que os usuários façam upload de imagens de dimensões específicas.

A otimização de imagem bem-sucedida para o desempenho ideal da Web depende do uso do menor tamanho de arquivo e das imagens da mais alta qualidade. Essa combinação contribui para a otimização da imagem, proporcionando o melhor desempenho na web.

Atributo de texto alternativo

A estrutura de uma tag de imagem é fornecida abaixo:

<img src=”img_girl.jpg” alt=”Garota de jaqueta” largura=”500″ altura=”600″>

Os dados mostram que cerca de 90% dos especialistas em SEO não utilizam um aspecto essencial da otimização de imagem, que é o uso de texto “alt” no atributo de tag de imagem. Adicionar palavras-chave que descrevam sua imagem ajudará os mecanismos de pesquisa a identificar a intenção para a qual a imagem está sendo usada.

Pessoas usando leitores de tela ou com conexões de baixa largura de banda podem acessar imagens usando o atributo de texto “alt”. Construímos uma base para os mecanismos de pesquisa e, como discutimos anteriormente, os mecanismos de pesquisa não podem ler imagens. Eles dependem do texto alternativo para entender melhor a descrição das imagens.

O foco deve ser adicionar palavras-chave úteis e valiosas que melhor descrevam a imagem. O atributo “alt” é essencial para os resultados da consulta de pesquisa. É por isso que evitar o excesso de palavras-chave pode resultar em uma experiência ruim para o usuário. É vital ajustar o texto alternativo de acordo com as diretrizes do W3. A seguir estão os exemplos de tags de imagem ruins e boas e atributos de texto "alt"

• Ruim : <img src=”tshirt.jpg”/> (texto alternativo ausente)
• Ruim : <img src=”puppy.jpg” alt=”Camisa preta Camisa legal Camisa para meninos
• Menino cria camiseta preta Camisas incríveis Camisas sem mangas Camisas de cara legal”/> ( recheio de palavras-chave)
• Melhor : <img src= “BMW-i8-White.jpg” alt= “BMW i8 Black” />
• Melhor : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

O Google aconselha seu usuário a testar o conteúdo usando uma conexão de rede lenta e auditoria de acessibilidade.

Como o Google facilitou seus consumidores com muitos atributos e diretrizes, existem outros requisitos técnicos para uma melhor indexação de imagens.

Usar Tag de Imagem <img>

O Google analisa o HTML da sua página para indexar imagens, mas não pode indexar o CSS. Adicionar imagens em seu CSS para exibição é inútil porque o Google não pode indexá-las. É por isso que o Google aconselha o uso de marcação semântica para uma melhor indexação.

• Ruim: <div style=”imagem de fundo: URL(crikcet_bat.jpg)”>Grey Nikols Balister</div>
• Bom: <img src=”crikcet_bat.jpg” alt=”Grey Nikols Balister” />

Formatos de imagem compatíveis com o Google

As imagens do Google são compatíveis apenas com os seguintes formatos de imagens para indexação

• BMP
• GIF
• JPEG
• PNG
• WebP
• SVG.

Imagens responsivas

Adicionar imagens responsivas melhorará a experiência do usuário em sua página da web. Os usuários podem usar imagens responsivas em diferentes dispositivos, criando a melhor experiência do usuário.

Como existe uma ligação direta entre a experiência aprimorada do usuário e a classificação, as imagens responsivas agora são um fator de otimização de imagem.

A principal prioridade de um gerente de comércio eletrônico é fornecer a melhor experiência do usuário para seus clientes. A experiência do usuário inclui designs responsivos, velocidade de carregamento e imagens otimizadas.

Dicas adicionais para otimização:

As mencionadas acima são técnicas fundamentais de otimização de imagem que são importantes para incorporar. As técnicas a seguir podem aprimorar sua otimização de imagem em uma nova extensão:

Texto gerado automaticamente

As imagens do Google geram automaticamente um link de título e um snippet de texto para explicar os resultados da pesquisa da consulta do usuário. Esses resultados de texto ajudarão os usuários a entender se as imagens estão ou não de acordo com sua intenção.

O Google usa várias fontes para gerar esses links e snippets, como metadados, descrições de títulos e metatags. A seguir estão as práticas recomendadas do Google para gerar links de título e snippets de texto para fornecer melhores resultados para os usuários:

• Deve haver um título específico em cada tag de título <title> de uma página da web
• Deve haver texto descritivo e conciso no <title>
• Não deve haver títulos na tag de título, como “Home” ou “Profile”.
• Deve haver palavras-chave distintas na tag de título da página da web. O texto do título distinto ajudará o usuário a entender e diferenciar as páginas da web para comércio eletrônico.
• O título da sua página da web também pode ser um local para a marca do seu site. Você pode adicionar um slogan para sua empresa para fornecer mais informações.

<title>Facebook – Lugar para conectar seu povo</title>

• O texto do título de sua página da web deve ser claro porque o Google usará as seguintes fontes para gerar os links de título ou snippets, como
  • Conteúdo na tag de título
  • O título visual é mostrado na página da web
  • Elementos de título
  • Texto âncora
  • O texto dentro dos links redireciona para outras páginas.
• O mesmo script deve ser usado como script principal em sua página da web. Os bots do Google vinculam o título da página à página principal. Se o Google determinar que o título da página não corresponde ao script principal, ele gerará um novo arquivo de texto.
• Além de tudo isso, é essencial verificar se você permitiu que todos os mecanismos de pesquisa rastreassem. Se o Google não acessar sua página, ele usará atributos fora da página para gerar arquivos de texto.

Adicionando emblemas proeminentes

A adição de dados de estrutura exibirá suas imagens como resultados avançados. Esses resultados aprimorados serão exibidos junto com um selo em destaque que fornecerá aos usuários informações relevantes.

Como na imagem acima, você pode entender que a imagem do taco de críquete foi retirada de um site que está vendendo esse taco. Se os usuários quiserem comprar um morcego, eles podem clicar na imagem, redirecionando-os para o site da transação.

O Google fornece diretrizes para mostrar dados estruturais:

• As páginas da web devem ser marcadas por um dos três formatos de imagem suportados:
  • JSON-LD
  • Microdados
  • RDFa
• Seria melhor se você não tivesse bloqueado o bot do Google para estruturar páginas de dados usando qualquer meio de controle
• Forneça informações atualizadas porque as pesquisas aprimoradas não mostrarão informações antigas
• Não use dados estruturados para informações enganosas
• Os dados de estrutura devem fornecer informações precisas ou relevantes sobre o conteúdo da página
• Você deve fornecer informações relevantes que o Google categoriza nos seguintes selos:

• Artigo
• Livro
• Migalhas de pão
• Carrossel
• Curso
• Conjunto de dados
• Perguntas e respostas sobre educação
• Classificação agregada do empregador
• Salário estimado
• Evento
• Verificação de fato
• Perguntas frequentes
• Atividades Domésticas
• Como
• Metadados de imagem
• Anúncio de emprego
• Vídeo de aprendizagem
• Negócio local
• Logotipo
• Solucionadores de matemática
• Filme
• Podcast
• Problemas de prática
• produtos
• Perguntas e respostas
• Receita
• Fragmento de Revisão
• Caixa de pesquisa de sitelinks
• Aplicativo de software
• Falado
• Conteúdo de assinatura e paywall
• Vídeo

• Seria melhor se você tentasse usar as categorias mais específicas para emblemas.

O Google atribui selos de destaque se os usuários puderem seguir as diretrizes.

Sitemaps de imagem

O URL das imagens também pode ser fornecido na página da web e, para isso, você também deve incluir mapas do site na imagem, caso contrário o Google não entenderá ou localizará seu arquivo.

Os sitemaps de imagem contêm imagens de outros domínios e impõem restrições entre domínios. A restrição entre domínios permitirá que você use o Content Delivery System (CDS) que o ajudará a diminuir a carga do servidor, melhorar o desempenho do site e permitir a segmentação de público com base em análises.

<?xml version=”1.0″ encoding=” UTF-8″?>

<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″

xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>

<url>

<loc>http://example.com/sample1.html</loc>

<imagem:imagem>

<image:loc>http://example.com/image.jpg</image:loc>

</imagem:imagem>

<imagem:imagem>

<image:loc>http://example.com/photo.jpg</image:loc>

</imagem:imagem>

</url>

<url>

<loc>http://example.com/sample2.html</loc>

<imagem:imagem>

<image:loc>http://example.com/picture.jpg</image:loc>

</imagem:imagem>

</url>

</urlset>

Otimização Apimio

Existe um software de gerenciamento de informações do produto chamado Apimio que pode ajudá-lo a analisar e entender se uma imagem está otimizada ou não. Nosso PIM realiza as seguintes tarefas para aprimorar a experiência dos usuários da Shopify.

A Apimio torna cada parte da jornada do seu produto mais eficiente. Começar com dados de produtos otimizados em suas lojas online nunca foi tão rápido e fácil. Ele permite que os usuários da Shopify importem dados de produtos em massa e melhorem a otimização.

Nosso PIM analisa as imagens e retorna a pontuação de otimização com base nos parâmetros. Os seguintes atributos que o Apimio PIM analisa

1. Dimensões da imagem
2. Formato
3. O tamanho

Destas imagens é pontuado com base em suas características. Se quaisquer dois recursos mencionados não forem concluídos, será uma imagem 100% não otimizada e vice-versa.

A imagem acima é um exemplo da tela mostrando que atributos como formato de arquivo, tamanho e dimensões não estão de acordo com os padrões de otimização.

Além disso, Shopify também facilita os usuários, fornecendo um plug-in que custa cerca de US $ 2. Ele permite ao usuário redimensionar e compactar imagens automaticamente, economizando tempo para compactar e redimensionar milhares de imagens.