Blog de Elogia

AMP para e-commerce o cómo hacer pole position

Por Álex Furquet - El 01 February 2018 - 0 Comment(s)

AMP para e-commerce o cómo hacer pole position

Por Álex Furquet - El 01 February 2018 - 0 Comment(s)

Un término que cada vez se escucha más es AMP. Desde que Google lanzó el Proyecto Ligthning, al que fuimos invitados a participar, muchas son las marcas y medios que están adoptando el AMP en sus webs debido a los buenos resultados que se cosechan. Entre ellas, la ONG OXFAM, triplicó sus resultados gracias a la implementación de esta tecnología.

Pero qué es esto del AMP... para explicarlo veamos dos situaciones con un denominador común, la velocidad:

Situación 1:  27 de septiembre de 2017. Marc Márquez gana el Gran Premio de Aragón por delante de Dani Pedrosa (+0,879) y Jorge Lorenzo (+2,028). En una horquilla de 7 segundos entran otros 8 pilotos más, pero solo uno saldrá en las portadas de medio mundo unas semanas después como Campeón del Mundo de MotoGP. Además, no solo incrementará su palmarés, sino que también lo harán sus ingresos y su imagen como piloto se revalorizará.

Situación 2: 24 de enero de 2018. María está en el autobús camino a casa y quiere comprar un teclado nuevo para su ordenador. Realiza una búsqueda en Google y aparecen una serie de resultados relacionados. Hace tap en el primero suele tardar en cargar unos 20 segundos y decimos suele porque María, a los 15 segundos con la pantalla en blanco a decidido salir e irse a por el segundo resultado. Tarda en cargar 5 segundos y el proceso de compra es claro y sencillo. En cuestión de minutos tiene su pedido realizado. El segundo site hizo pole position con 5 segundos por delante del favorito (+15).

La velocidad se ha convertido en un factor importante en nuestras vidas y tiene especial relevancia en nuestra forma de consumir tanto online como offline. Nuestros tiempos de espera óptimos se han reducido enormemente y, cuando hace unos años, hacíamos un pedido online y éramos capaces de esperar semanas por él, actualmente lo hemos modificado y nuestro mantra es “lo necesito AHORA y necesito que me lo entreguen YA”.

Con el consumo de contenidos y de páginas web pasa exactamente lo mismo y la velocidad de carga se ha convertido en unos de los factores principales que Google incluye en su algoritmo para ordenar sus resultados en las SERP. Básicamente si tu página es rápida, tendrá más posibilidades de posicionar por encima de los competidores. Con la tecnología AMP (Accelerated Mobile Pages) se consigue esa velocidad necesaria para dejar a tus competidores atrás.

 

analitica web elogia

 

 

¿Podemos aplicar AMP en e-commerce?

El objetivo principal de AMP es intentar reducir los tiempos iniciales de carga de la página para cualquier dispositivo, aumentando las opciones de conversión. Muchas veces se cae en el error de entender que AMP es solo la versión rápida para móviles, pero, ¿sabéis que podemos usar la tecnología AMP para todo nuestro site y que sea nuestra única versión?

También es cierto que la dificultad en la implementación de AMP para e-commerce es alta, pero poco a poco se están desarrollando soluciones para filtros, carritos, tracking de analítica... Además, las limitaciones en JavaScript hacen que se complique la implementación de esta tecnología por la pérdida de algunas funcionalidades core, pero, si sabemos cómo hacerlo de forma correcta junto con las nuevas actualizaciones, estamos seguros que los ratios de conversión de tu e-commerce se verán afectados de forma positiva.

Hasta hace unos meses la opción de crear sites con procesos de compra en AMP era impensable. Básicamente los pocos sites que lo implementaron solo usaban AMP para la visualización de servicios y, una vez que se intentaba continuar con el proceso, el usuario era redireccionado a otra tecnología que permitiera proceder con la compra, algo que provoca una experiencia de usuario no muy óptima, aunque era eso o nada.

Con el lanzamiento del elemento amp-bind que vio la luz hace unos meses, se mejoró la interactividad de la tecnología AMP, pudiendo crear elementos como carruseles de imágenes o filtros de productos, con lo que se pueden crear páginas de producto mucho más interactivas y orientadas a la conversión.

No solo se mejoran dichas páginas de producto, sino que también se mejoran las páginas de categoría, pudiendo aplicar filtros a las necesidades de búsqueda de los usuarios.

 

Los elementos que ya están disponibles para aplicar en AMP son:


  • Gallería de productos
  • Configuraciones avanzadas de producto
  • Añadir al carrito
  • Rating de producto
  • Tracking de llamadas
  • Comentarios/Reviews
  • Login

Además, próximamente se podrán usar otras funcionalidades muy recomendadas para las tiendas online, como los formularios de búsqueda (amp-form) y de clasificado y filtrado (amp-sort y amp-filter). Esperamos que en breve se lancen estas nuevas opciones (esperamos que se anuncien en el próximo gran evento de AMP Project en Ámsterdam a mediados de febrero) junto con la función de autocompletado, tan útil para los dispositivos mobile.

Nuestra recomendación para este año es empezar a probar estas tecnologías, hacer pruebas con productos reales y, si funcionan y convierten mejor en AMP, (de eso estamos seguros) desplegarlo por todo el site. Quien sabe, puede que en menos de un año tu site principal esté en AMP.

Y, por último, solo queremos recordaros que tenemos que darnos prisa y hacer pole position con nuestro site, ya que como consumidores somos muy impacientes. Según los datos de Google:

  • El 53% de los usuarios abandonan una página si la web tarda más de 3 segundos en cargar.
  • Uno de cada dos usuarios espera que la página tarde en cargar menos de 2 segundos.
  • El 46% de los usuarios dice que lo que menos les gusta cuando navegan desde el teléfono es esperar a que una página cargue.

¿Te animas a implementar AMP en tu ecommerce? Contáctanos y empieza a multiplicar tus resultados!

 

Nuevo llamado a la acción

Álex Furquet
Publicado el 01 February 2018 por Álex Furquet 0
.