Una de las tendencias SEO de este año es el uso del AMP de Google para aumentar la velocidad de nuestras páginas Web. Ahora además, Google ya ha anunciado una actualización de su algoritmo para el segundo semestre de 2018, que ha denominado “Actualización de velocidad” y que dará mayor peso en su índice móvil a las webs con mayor velocidad de respuesta. Así que hay que ponerse las pilas!

Es cierto que en un primer momento el Accelerated Mobile Pages sólo estaban indicadas para Webs de noticias y blogs. Pero desde hace algún tiempo este proyecto está evolucionando intentando llegar a todo tipo de webs, incluidas las tiendas online. Mejorando de manera muy positiva la velocidad de los eCommerce en dispositivos móviles. ¿Sabes si tu tienda PrestaShop cumple con las exigencias AMP y es totalmente compatible con ella?

¿Quieres ver algunos factores que debes tener en cuenta sobre este interesante tema? Pues sigue leyendo!

¿Qué es AMP (Accelerated Mobile Pages) y en qué consiste?

El Accelerated Mobile Pages ó AMP es una normativa de codificación de código abierto. Está desarrollada para aumentar la velocidad de carga de las páginas web en smartphones e iPhones. El proyecto AMP permite a los programadores crear páginas menos pesadas con lo cual, las webs cargan más rápido en soportes como los smartphones.

Características de la función AMP :

  • Optimización del código CSS y HTML, con un tamaño de elementos inline en CSS menor a 50 kb.
  • Carga de imágenes «lazy load», es decir, las imágenes únicamente salen si te desplazas hacia abajo.
  • Compatibilidad total con ADS y Analytics, al igual que cualquier página normal.
  • Sin necesidad de usar JavaScript.

Cosas a tener en cuenta en este tipo de webs:

  1. Las webs del tipo Accelerated Mobile Pages deben ser aprobadas por el “Accelerated Mobile Pages Validator”, incluido en la AMP JS Library.
  2. Se deben cargar las fuentes personalizadas e indicar la altura y anchura de las imágenes.
  3. No se permiten los formularios.

Todos estos factores reducen los tiempos de carga y aceleran la velocidad para que puedas acceder más rápidamente a los contenidos.

Restricciones del AMP en nuestras páginas

Las páginas Accelerated Mobile Pages cuentan con algunas limitaciones que debes tener presente.

Por ejemplo, los efectos como las ventanas emergentes o pop-ups no pueden usarse en AMP y tampoco admite la carga de contenidos externos a nuestro sitio web ni cualquier cosa que pueda ralentizar la carga de la web.

Pero tranquilo, las páginas AMP conviven con tus las páginas “normales”. Así que no tienes que cambiar la plantilla de tu página ni rediseñarla. Por decirlo de alguna manera, puedes tener juntas una versión normal y una versión mejorada para móviles.

Para que los usuarios lleguen a la versión Accelerated Mobile Pages tendrán que llegar a través de enlaces en buscadores o en las redes sociales más importantes, mientras que si un usuario accede directamente con su móvil a tu eCommerce o entra con un ordenador, siempre verá la versión normal.

Entonces surge la pregunta: ¿Merece la pena?

¿Merece la pena tener páginas en AMP dentro de una tienda online?  Aunque suponen algunas limitaciones como hemos visto, implementar el AMP en nuestras versiones móviles hará que mejore de gran manera la velocidad de carga de las páginas en nuestra tienda online. Y como la versión para móviles y la versión normal de nuestra página pueden convivir sin problemas… es una muy buena opción a tener en cuenta.

¿Merece la pena tener páginas en AMP dentro de una tienda online?

 ¿Cómo afectará a nuestro PrestaShop el implementar el AMP?

Algunas ventajas de usar el Accelerated Mobile Pages en tu PrestaShop:

  1. Ganarás en velocidad en la versión para móviles y tu SEO mejorará.
  2. Página de producto en los dispositivos móviles mucho más clara y atractiva con carruseles de imágenes, vídeos, botones para compartir en redes sociales, e incluso puedes incluir publicidad si lo necesitas.
  3. Las páginas AMP usan la caché de Google para servir el contenido, por lo que en cualquier caso, siempre serán mucho más rápidas que la versión normal de nuestra tienda.
  4. Las páginas más rápidas ayuda a que haya más conversión. Que una página de producto aparezca más rápidamente al usuario nos ayudará a que este se decida a comprar más rápidamente y no perder la venta.

Por tanto, a pesar de las limitaciones de AMP, tenerlo implementado nos va a ayudar a tener una mejor experiencia de usuario, un sitio web con mejor SEO y que además convertirá mejor.

¿Cómo implementar el AMP en la web de mi negocio?

PrestaShop está optimizado para su uso en dispositivos móviles. No obstante, por defecto PrestaShop no implementa Accelerated Mobile Pages. Al cambiarse ligeramente la estructura del código HTML no podrás usar la misma página como versión AMP. Por tanto tendrás que tener una versión acelerada específica de la página.

Si no usas PrestaShop o si prefieres implementar tú mismo AMP en tu tienda, tienes que crear manualmente una versión AMP para cada una de las páginas que quieras amplificar. Esta versión de la página tiene que respetar la sintaxis AMP, sus reglas y por supuesto, una vez creada, tendrás que validarla.

Una vez creada la versión de Accelerated Mobile Pages tendrás que incluir un enlace en los metadatos de la página normal. También deberás indicar dónde se encuentra la versión AMP para que los buscadores y demás indexadores sepan que tienes una versión acelerada de la página y dónde encontrarla.

También existe una seria de módulos que puedes instalar en tu PrestaShop para implementar AMP en tu eCommerce. No te pierdas nuestra próxima entrada donde te hablaremos de 4 módulos que te facilitarán el trabajo.

 

Info & Imag. Prestashop