Google AMP: Accelerated Mobile Pages para tu sitio web

Escrito por

Digital Menta

SEO · 18 / 01 / 2021

¿Sabes cuánto tiempo tarda en cargar tu página web cuando la visita un usuario desde su dispositivo móvil? 

Los usuarios de Internet se están volviendo cada vez más exigentes, y cuando utilizan un dispositivo móvil para navegar no tienen ningún reparo en abandonar tu web cuando tarda más de unos segundos en cargar.

Hoy quiero hablarte de Google AMP, la herramienta de Google que te ayuda a mejorar la experiencia de usuario en los dispositivos móviles gracias al incremento de la velocidad de carga de las páginas web.

Hablaremos también del funcionamiento de esta eficaz herramienta, además de algunos tips e ideas para que puedas implementarla con éxito en tu empresa.

¡Comenzamos!

Google Amp

¿Qué es Google AMP?

Las Accelerated Mobile Pages, o AMP, es un proyecto de Google que consiste en mejorar la velocidad de carga de cualquier página web cuando es visitada a través de un dispositivo móvil.

Desde hace unos años, el uso de smartphones y tablets para navegar por Internet supera a los ordenadores de sobremesa y portátiles. 

Sin embargo, muchas páginas web no están optimizadas para ofrecer una buena experiencia de usuario a través de estos dispositivos móviles, y hoy en día la velocidad es una parte del diseño de las páginas web.

Por eso, Google creó esta plataforma de código abierto cuyo objetivo está en ayudar a las personas y empresas que publican páginas web, a mejorar la velocidad y la facilidad de lectura en los dispositivos móviles.

Y es que los resultados hablan por sí mismos. Imagina la página web de un e-commerce que genera unas ventas diarias de 100.000€. Si la carga de la web se retrasa un segundo, un solo segundo, esto podría suponer una pérdida de 2,5 millones de euros en ventas al año.

Además, a nadie nos gusta visitar una página web lenta. Si tienes este problema en tu website y no lo corriges, es muy probable que tus clientes y visitas dejen de entrar, con las nefastas consecuencias que esto supone a todos los niveles.

Cómo funciona Google AMP

Al igual que ocurre con las páginas web, la tecnología AMP utiliza el lenguaje de programación HTML, aunque está adaptado y optimizado. Para ello, elimina algunas etiquetas HTML que no ayudan en la velocidad de carga de la web.

Este lenguaje concreto ha adoptado el nombre de AMP HTML.  

A continuación, voy a compartir contigo algunas particularidades importantes que debes conocer de este lenguaje AMP HTML:

  • Como te he comentado antes, sólo te permite usar las etiquetas HTML permitidas. Por ejemplo, para las fotos puedes usar la etiqueta img-amp con la que podrás publicar tus imágenes aunque con menos peso, lo que facilita la velocidad de carga de la página.

Otro ejemplo lo tenemos en las etiquetas como frame u object. En el caso de AMP no puedes utilizarlas, lo que implica que no puedes publicar vídeos ni tampoco los botones de tus redes sociales.

  • Si tu página web para móviles incluye JavaScript, debes saber que con Google AMP sólo puedes utilizar la biblioteca JavaScript que te proporciona la herramienta.
  • Además, con las AMP debes usar una versión simplificada de CSS; sólo permite el uso de un único CSS en línea con un peso menor a 50Kb.
  • Cuando Google rastrea tu web y comprueba que cumple los estándares de AMP, automáticamente la incluye en su caché. Esto hace que cada vez que un usuario realiza una búsqueda, Google coge el contenido desde su propio servidor CDN.

Y cuando el usuario hace clic sobre el resultado del SERP, le aparece la web casi de forma inmediata.

  • Las AMP no te permiten incluir formularios como, por ejemplo, el formulario de suscripción a tu comunidad de seguidores.

Algo importante que debes tener en cuenta a la hora de implementar Google AMP en tus páginas web móviles, es que lo más importante es conseguir una buena velocidad de carga además de facilitar la lectura a los usuarios.

Esto supone, a veces, sacrificar algunos aspectos como el diseño y la posibilidad de compartir la página. Pero ¿qué es más importante, incrementar tus ventas con una página optimizada, o el abandono de visitas a pesar de que tiene opciones que, en el fondo, no son tan importantes?

El funcionamiento de AMP JS

Dentro de las limitaciones que tiene Google AMP está la biblioteca de JavaScript que te comentaba en el apartado anterior. 

Y es que AMP sólo permite el JavaScript asíncrono, de tal manera que la carga del HTML de la página se hace en paralelo a la carga de los recursos. Así, evitas que los recursos puedan bloquear la representación de la página.

Además, existe otra limitación importante y tiene relación con el uso de espacios seguros donde están incluidos los elementos de la página. Cada elemento debe tener un espacio predeterminado porque, una vez que se cargan los diferentes recursos, no se hacen recálculos de diseño.

Por tanto, todo lo que se carga debe tener un espacio asociado con las dimensiones exactas.

¿Debes implementar AMP en todas las páginas de tu website?

Google AMP, a priori, es una excelente solución para la visibilidad de tu página web en los dispositivos móviles; recuerda que es el medio más utilizado por los usuarios, por delante de ordenadores y laptops.

Sin embargo, la implementación de esta herramienta en páginas que se actualizan con cierta rapidez no es muy recomendable.

Antes de tomar ninguna decisión debes marcarte unos criterios y establecer las pautas a seguir. De hecho, aunque tengas muy claro en qué URLs quieres incorporar Google AMP, es interesante que realices un testeo previo del funcionamiento de la herramienta en esas páginas.

Crea un producto mínimo viable con el que trabajar en fase beta antes de lanzarte a implementar AMP en todo tu website. Es importante que te marques estos 3 retos para comprobar si esta herramienta es eficaz en tu página:

  • Cómo interfiere AMP en la UX y también cómo afecta a la experiencia de producto.
  • Cómo se comporta AMP frente al diseño web de la URL.
  • Cómo influye esta implementación en el workflow de los desarrolladores de tu empresa.

Conclusión

Google AMP es una herramienta que está funcionando desde el año 2015 con éxito en todas las páginas web, que han decidido implementarla para conseguir un mejor rendimiento cuando son vistas a través de teléfonos inteligentes y tabletas.

A pesar de ser una garantía de éxito gracias a la rapidez y mejora de la experiencia de usuario, muchas empresas aún no han implementado la herramienta por las limitaciones de las que ya te he hablado en este artículo.

Sin embargo, no debes olvidar que el foco está puesto en la velocidad y la facilidad de lectura. Y es que una web con AMP en sus versiones móviles está muy cerca del éxito.

¿Tienes Google AMP en tu website? ¿Lo has implementado en todas las URLs? Cuéntanos en los comentarios, nos encantará leerte.

Digital Menta

SEO · 22 / 02 / 2021

Certificados de seguridad SSL, ¿por qué son tan importantes?

Los hábitos de navegación de los usuarios están cambiando; hoy en día, estar conectados a Internet es algo tan cotidiano como recibir un mensaje en el móvil o conectar la cafetera por las mañanas. Internet funciona a través de conexiones, y éstas deben ser lo más seguras posibles.  Porque, al igual que somos millones las […]

Digital Menta

SEO · 08 / 02 / 2021

Google RankBrain, el algoritmo que está cambiando el SEO

Google está cada día más cerca de los usuarios. Esta afirmación tiene mucho sentido porque, somos las personas quienes consumimos los contenidos que nos facilita el buscador tras introducir nuestra pregunta. Y es que el algoritmo del buscador trabaja duro para satisfacer la respuesta y, sobre todo, la experiencia de usuario. Porque a Google no […]

Digital Menta

SEO · 07 / 12 / 2020

Black Hat SEO, ¿qué es y en qué consiste?

Seguro que en más de una ocasión te has preguntado cómo es posible que algunas páginas web ganen posicionamiento orgánico enseguida, mientras la tuya recorre más despacio las SERPs de Google. Todo el mundo te ha dicho que tardarás un tiempo en conseguir tráfico orgánico hacia tu web recién estrenada, y sin embargo algunas páginas […]

Send this to a friend