Tudo o que você deve saber sobre o Google AMP para comércio eletrônico

Publicados: 2018-05-03

Quando o Google divulgou a notícia de que mais de 50% do total de pesquisas do Google são de dispositivos móveis, sabíamos que o celular é o próximo grande passo na otimização de mecanismos de pesquisa. Então veio a notícia de sites ranqueados no Google preferindo sites mobile, todo mundo começou a consertar seus sites mobile. Então, o Google lançou a indexação mobile-first no início de 2018, e surgiu a importância do Google AMP.

Embora o AMP não seja o fator de classificação direto para o Google, ele tem a oferecer muito que pode elevar seus rankings no Google e em outros mecanismos de pesquisa.

Antes de analisar a importância do Google AMP para o comércio eletrônico, vamos ver o básico rapidamente.

O que é o Google AMP?

AMP significa Accelerated Mobile Pages e é um projeto apoiado pelo Google. O Google AMP é um projeto de código aberto para fornecer páginas da Web rápidas, suaves e atraentes para dispositivos móveis.

Os principais componentes do Google AMP são:

  • HTML para AMP
  • AMP JS
  • Cache de AMP do Google

HTML AMP é, na verdade, o HTML básico, mas com propriedades AMP estendidas.

O AMP JS ajuda na renderização mais rápida de uma página da Web.

O Google AMP Cache é uma rede de entrega de conteúdo baseada em proxy que ajuda a entregar todos os documentos AMP em uma velocidade mais rápida. Ele busca todos os códigos HTML AMP, armazena em cache e entrega páginas da Web rapidamente quando aberto pela próxima vez.

Como o Google AMP carrega uma página mais rapidamente?

O Google AMP tem uma maneira um pouco diferente de processamento. Essencialmente, o Google AMP funciona dessa maneira para carregar uma página mais rapidamente:

  1. Executando todo o JavaScript AMP de forma assíncrona. Isso significa que o AMP cria JavaScript individual para todos os blocos do conteúdo e carrega separadamente. Portanto, para um bloco específico, a página inteira não precisa sofrer na renderização.
  2. O AMP carrega o tamanho e a estrutura da página sem a ajuda de recursos. Em um cenário normal, o navegador não sabe quanto tempo a estrutura da página terá. Mas no caso do Google AMP, ele determina o tamanho do conteúdo, anúncios ou recursos visuais.
  3. O Google AMP mantém todo o JavaScript de terceiros no iframe do sandbox. Por isso, JavaScripts de terceiros não podem bloquear a renderização dos elementos da página principal. Isso pode significar simplesmente: os anúncios de terceiros não prejudicarão a velocidade de carregamento do conteúdo principal da página da web.
  4. O AMP pode priorizar o carregamento de recursos. Isso permite que a página da Web carregue rapidamente elementos importantes, como conteúdo, imagens ou vídeo, e anúncios externos em um estágio posterior.

Agora que entendemos o que é o Google AMP e como ele funciona, devemos entender por que ele é importante para o comércio eletrônico.

Google AMP para comércio eletrônico

De acordo com pesquisa realizada com cidadãos norte-americanos, fatos chocantes surgiram na velocidade da página do site. Em 2012, a Amazon estimou que perderia US$ 1,6 bilhão a cada ano com cada segundo adicionado à velocidade de carregamento da página.

Um único segundo de atraso no carregamento da página pode levar a uma diminuição de sete por cento na conversão.

Com base em como o comportamento dos visitantes está mudando, tornou-se uma necessidade para qualquer site carregar na velocidade da luz. Acontece que o Google AMP pode resolver esse problema.

O Google AMP foi criado basicamente para páginas orientadas a conteúdo, como blogs e artigos. Mas, ao longo dos anos, o Google AMP foi desenvolvido e chegou a um estágio em que é altamente recomendável para o comércio eletrônico.

Mas, implementar AMP para e-commerce tem uma abordagem um pouco diferente. Vejamos como funciona o AMP para comércio eletrônico?

Como funciona o Google AMP para comércio eletrônico?

Quando o AMP foi introduzido, era altamente sugerido para páginas da Web com blog e artigos. Então, foi basicamente sugerido para páginas estáticas. Ficaria algo assim:

Mas, à medida que o desenvolvimento do AMP começou, chegou a um estágio em que o AMP para comércio eletrônico é uma escolha sábia. Aqui está um exemplo de uma página de categoria do eBay para conjuntos de bateria alimentados por AMP.

AMP para e-commerce é eficaz para três tipos de páginas:

  1. Pagina inicial
  2. Páginas de categoria de produto
  3. Páginas de produtos

A página inicial é uma das páginas da Web para começar quando se trata de AMP para comércio eletrônico. Sua página inicial é visitada por milhares de pessoas e, se carregar rapidamente, pode salvar muitos clientes em potencial.

Em segundo lugar, as páginas de categorias de produtos também são um dos fatores importantes de um site de comércio eletrônico. Veja um exemplo de página de categoria de produto com AMP:

Quando um usuário pesquisa uma consulta no Google, as páginas com AMP têm maiores chances de classificação, pois são relativamente rápidas. No exemplo acima, procurei por kit de maquiagem e apareceu a página AMP da Lancome.

Terceiro, as páginas do produto. Como todos sabemos, o AMP prioriza os elementos de carregamento em uma página da web, ele se adapta bem a qualquer página de produto de comércio eletrônico. Imagens de produtos e descrições de produtos são dois fatores importantes para qualquer página de produto. O AMP identificará esses elementos e os entregará primeiro. Em seguida, todos os JS de terceiros serão carregados, ou seja, anúncios ou banners.

Como criar páginas de categoria de produto com AMP?

As páginas de categorias de produtos estão entre as páginas de destino de qualquer site de comércio eletrônico. Com o AMP, você pode criar páginas de categorias de produtos.

Uma página de categoria de produto é uma mistura de conteúdo de texto com imagens ricas, talvez no estilo herói. As páginas de categoria de produto AMP para comércio eletrônico podem ser uma escolha sábia, pois forneceria todas as funções necessárias para os visitantes, como filtragem e classificação.

Agora vem a pergunta, se o Google AMP usa cache para carregar páginas, ele entregaria conteúdo dinâmico ou atualizado?

A resposta é sim.

O Google AMP trabalha no método “Stale-while-revalidate” onde, se houver alguma alteração dinâmica na página, ele recuperará a página atualizada do servidor e fornecerá a página nova. O usuário nunca verá os dados mais antigos ou obsoletos de 15 segundos.

Bem, lá vai você. Se você atualizar o preço do produto ou se o produto estiver esgotado, esses dados dinâmicos serão entregues tão novos quanto você atualizou.

AMP para páginas de produtos de comércio eletrônico

  AMP para página de produto de comércio eletrônico também é simples. Você pode implementar AMP em suas páginas de produtos usando vários componentes, como amp-carousel, amp-bind, amp-selector, amp-access etc.

O AMP ajudará você nas seguintes áreas quando se trata de criar páginas de produtos:

  1. Galeria de produtos
  2. Configuração do produto
  3. Adicionar ao carrinho
  4. Abas
  5. Classificações por estrelas
  6. Comentários e revisões

Então, para resumir, o AMP para e-commerce é uma escolha inteligente, pois a velocidade da página se tornou muito mais importante do que qualquer fator na experiência do usuário. E quando se trata do Google, ele sempre levantou resultados que proporcionaram uma melhor experiência ao usuário.

Aqui estão algumas perguntas frequentes sobre o Google AMP para comércio eletrônico:  

  1. O Google AMP para comércio eletrônico é aconselhável?

A resposta é um enorme SIM.

  1. O AMP terá impacto no SEO?

O Google já sugeriu que o AMP não é um fator de classificação, mas é importante! O AMP carrega as páginas de maneira rápida e isso proporciona uma boa experiência ao usuário. UX/UI são considerados fatores de ranqueamento no ranking do Google.

  1. Posso rastrear links AMP pelo Google Analytics?

Sim. Você pode acompanhar os dados de visitantes de links AMP usando amp-analytics .

  1. Um cliente pode adicionar avaliações de produtos na página do produto AMP?

Sim. Comentários e avaliações de clientes podem ser adicionados usando amp-form e amp-access .

  1. O Google AMP fornecerá conteúdo dinâmico?

Sim. Embora o Google AMP use o cache, ele coleta atualizações do servidor e fornece dados atualizados.

  1. Quais são as desvantagens do AMP para comércio eletrônico?

O AMP depende de JavaScript simplificado, portanto, qualquer desenvolvimento externo em termos de design ou aparência pode não ser entregue. Quaisquer recursos extras que você desenvolveu para os clientes também podem ser omitidos.

O AMP dá menos prioridade ao JS de terceiros, portanto, os anúncios exibidos nas páginas do produto podem não ser tão eficazes quanto na página padrão para computador ou na página móvel.

Resultado final

De fato, o AMP para comércio eletrônico é uma escolha sábia, mas você precisa ser exigente quanto a isso. Você deve descobrir as páginas de destino mais bem classificadas, bem como a satisfação de terceiros. Com base nessas análises, você pode chegar a uma lista de páginas com as quais pode começar.

As estratégias para implementar o AMP em várias plataformas de comércio eletrônico são diferentes. Você pode conferir a combinação de AMP com sua plataforma de comércio eletrônico. Aqui está um bom artigo sobre AMP para BigCommerce, se você estiver jogando nesse segmento.

Felicidades!