Implementar AMP en tu tienda online, ahora es más fácil que nunca. Ya puedes encontrar en la tienda de PrestaShop diferentes módulos que podéis instalar en vuestras webs. Te presentamos 4 módulos que te pueden ser de gran ayuda. Te mencionaremos por encima los pros y contras que podéis esperar de cada uno de ellos.

¿Empezamos?

Módulos de PrestaShop para implementar AMP en tu Web

1# Módulo AMP – Accelerated Mobile Pages

El Módulo AMP es:

  1. Fácil de usar.
  2. Permite definir cuáles son las páginas que quieres que sean AMP. Por ejemplo, si solo quieres que lo sean la Home, las páginas de categorías y las páginas de producto, con este módulo es fácil conseguirlo.
  3. Te permite que las páginas AMP tengan una URL amigable
  4. Puedes personalizar las páginas cambiando los colores de tus páginas AMP para adaptarlos a tu diseño.
  5. Este módulo integra en la configuración opciones para mostrar anuncios de AdSense en tu sitio web
  6. Puedes configurar Google Analytics para de ese modo llevar un seguimiento de tu web y saber si las páginas mejoradas están teniendo éxito.
  7. Además para poder integrar mejor la versión AMP de nuestra web en Google Search Console, nos ofrece también la generación de un sitemap específico para Accelerated Mobile Pages.

Un punto negativo que le pondríamos a este módulo es sus limitadas opciones de diseño.

2# Módulo experto en AMP

El módulo experto en AMP 

  1. Permite personalizar algunos detalles del diseño como el color de los precios en el listado, el color del botón de compra, etc.
  2. También tienes opciones para ordenar los productos en las páginas AMP.
  3. Cuenta con la opción de elegir cuántos productos vas a mostrar en las páginas de categorías en la versión Accelerated Mobile Pages.
  4. Este módulo permite incluir tu código de Analytics fácilmente en la versión mejorada.

Como puntos negativos comentar que este módulo cuenta con menos opciones que el anterior, ya que no te permite elegir qué páginas de tu sitio quieres que tengan su versión AMP, ni te permite generar un sitemap para tus páginas con esta funcionalidad.

Tampoco nos ofrece la opción de integrarlo con Google AdSense para mostrar anuncios en tu página.

3# Módulo Accelerated Mobile Pages (AMP) PRO

El módulo AMP PRO nos ofrece:

  1. Mejora respecto a los dos módulos anteriores en cuanto a diseño. Este módulo te permite elegir qué páginas de tu sitio web tendrán una versión acelerada y también podrás cambiar prácticamente todos los aspectos estéticos de la página.
  2. La versión es responsive y se adapta perfectamente al tamaño de la pantalla del dispositivo con el que navegues.
  3. Como punto a resaltar, este módulo te permite mostrar un enlace a la versión normal de tu página de forma que el usuario que no se sienta cómodo con las páginas de este tipo pueda llegar fácilmente a esta versión “normal” de tu sitio.
  4. Ofrece la generación automática de un sitemap del sitio en su versión mejorada, que podrás utilizar en Google Search Console.

Como punto negativo decir que este módulo NO ofrece integración con Google Analytics y por tanto tendrás que ingeniártelas para tener unas métricas de tu sitio AMP para saber que aceptación están teniendo estas páginas de tu web.

4# Módulo Professional AMP Pages – Accelerated Mobile Pages

Uno de los módulos más completo que nos podemos encontrar ahora mismo en el mercado es el Módulo Professional AMP Pages. ¿Qué nos ofrece?:

  1. Ofrece todas las opciones de personalización que ofrecen los demás, pero a más a más permite añadir código CSS propio.
  2. Te permite seleccionar que páginas de tu sitio web quieres que sea usando AMP y te permite definir categorías específicas para AMP de forma que no tengan que estar todas las categorías de tu tienda.
  3. Puedes elegir qué redes sociales quieres que aparezcan en tus páginas AMP así como botones de compartir y de contacto, etc.

El único punto negativo, por decirlo de alguna manera, es que este módulo no ofrece la posibilidad de mostrar anuncios en tu página con Google Adsense. Una carencia poco significativa.

En definitiva, instalándote alguno de estos cuatro módulos, de seguro que puedes sacarle mucho mayor rendimiento a tu tienda online integrando AMP dentro de tu estrategia de ventas.

¿Cómo implementar AMP en tu tienda PrestaShop paso a paso?

Antes de acabar este artículo, os vamos a comentar como instalar AMP en tu tienda online en tan solo 3 pasos:

  1. Instalar uno de los módulos AMP de la tienda oficial de PrestaShop

¡Puedes elegir el que más te guste!

Recuerda que puedes encontrar los módulos PrestaShop para implementar AMP siguiendo este enlace: https://addons.prestashop.com/es/buscar?search_query=amp

Una vez hayas escogido uno, instálalo y configúralo según las instrucciones del desarrollador.

  1. Acceder a una de las páginas de producto

Para que los buscadores sepan que tienes una versión acelerada de tus páginas de producto debes comprobar que la página seleccionada tiene en la cabecera de metadatos el enlace AMP.

Este código tendría que ser algo parecido a:

<link target=»_blank» href=»http:// MITIENDA/ID-PRODUCTO/amp» rel=»amphtml» />

  1. Usar las herramientas de validación de AMP

Estas herramientas te servirán para comprobar que todo está correcto y que la versión AMP de tu página de producto no contiene errores.

El proyecto Accelerated Mobile Pages tiene una herramienta de validación, que puedes utilizar para ver que todo está correcto. Para usarla simplemente accede a: https://validator.ampproject.org/ e introduce la URL de la versión acelerada de la página que quieras probar.

Si todo es correcto verás que el estado de validación aparece como PASS.

En el caso de que haya cualquier error, también te lo indicará para que los puedas corregir.

Si en el módulo escogido de AMP encuentras un error, no dudes en ponerte en contacto con los desarrolladores del módulo.

Además Google Chrome te permite instarte una extensión AMP Validator que comprueba automáticamente si una página tiene versión Accelerated Mobile Pages o no. Cuando entras en una página AMP, se mostrará si el código es válido o no.

Para acabar…

Como has podio ver, que tus páginas de producto se carguen mucho más rápidas ya no es un sueño. Con las páginas AMP es posible. Usándolas, lograrás un aumento en conversiones.

Además, con los módulos que te hemos presentado, todo será mucho más fácil. ¿A qué esperas para escoger uno de ellos e instalarlo en tu PrestaShop??

¡Cuéntanos que tal te va la experiencia de implementar AMP en tu tienda online!