AMP: ¿Qué es, para qué sirve y cómo usarlo?

Hoy en día, con la llegada de los smartphones a la sociedad hace años, poco a poco los usuarios que navegan por todas las webs, lo hacen desde dichos móviles. La rapidez y la comodidad que ofrece frente a un ordenador convencional es el verdadero causante. Esto lleva a que los desarrolladores y a ti como empresario, busque lo mejor para sus usuarios, así como llegar a cuanto más gente mejor.

Por eso mismo, en la actualidad hay que tener en cuenta tecnologías que impulsen y hagan más sencilla la navegación en dispositivos móviles. Una de esas tecnologías es la que veremos hoy: AMP (Accelerated Mobile Pages).

¿Qué es AMP?

Sencillamente AMP son la siglas de Accelerated Mobile Pages, un proyecto implementado por Google y otros socios con el objetivo de mejorar la velocidad de carga de los sitios web en los smartphones.

Esta tecnología, cuando Google la desarrolló, vio que aunque la navegación por los dispositivos móviles superó al de escritorio convencional, la mayoría de las webs no estaban adaptadas para una experiencia de usuario correcta en los smartphones.

Lo que ocurre cuando no se suplen ciertos temas de experiencia a nivel usuario, es que estos mismo usuarios, se van de nuestra web. Esto afecta negativamente a tus conversiones u objetivos y al SEO de tu empresa .Una de las cosas más importante que hace AMP para mejorar dicha experiencia es ponerle hincapié en la velocidad de carga.

Por eso mismo, Google está intentando solucionar esto ofreciéndonos esta tecnología, para beneficiarnos de ciertas cosas si la utilizamos.

¿Para qué sirve AMP?

La principal función del AMP, es la de optimizar al completo nuestra web para mejorar los tiempos de carga.

Esta optimización se produce eliminando elementos de diseño o de funcionalidad que ralenticen tu página y prioriza las imágenes y los textos. Lo que se quiere con esto, es potenciar la información para que los usuarios lleguen a los contenidos mucho más rápido.

¿Cómo funciona esta tecnología?

La tecnología AMP utiliza, como el resto de las páginas,es el lenguaje de marcas HTML, pero con algunas particularidades. De hecho, este lenguaje ha adoptado un nombre ligeramente diferente: AMP HTML, el cual tiene ciertos matices respecto al normal.

  • Uso de etiquetas restringida: hay algunas de las etiquetas de HTML que no se pueden usar, o que pueden usarse sus equivalentes para AMP.
    Por ejemplo, la etiqueta <img> no se podría usar, pero su equivalente <amp-img>. Además las etiquetas exclusivas de AMP, tienen ciertos atributos con los que mejorar la funcionalidad de la etiqueta original de HTML. En el ejemplo de la etiqueta <img>, <amp-img> tiene por ejemplo, el atributo ‘layout’, con el que podremos hacer nuestra imagen responsiva entre otras cosas.
  • Prohibición de JavaScript externo a AMP: se eliminará todo javascript externo a las librerías que tiene la propia AMP, para mejorar la carga de las páginas. Sus librerías está optimizadas para ser cargadas desde un CDN.
  • Uso de cachés CND: Google almacenará tus páginas en su propia caché, permitiendo que cuando se visite tu página, le cargue desde Google en vez de tu servidor, beneficiando la carga de los contenidos.

También agrega un icono de un rayito cuando hacemos cualquier búsqueda desde Google. Si te das cuenta, la mayoría de webs que están en las posiciones más altas, tienen ese rayito.

Rayo AMP

Posicionarte en Google con AMP

AMP es la solución perfecta a la iniciativa “mobile first” iniciada por los grandes buscadores, donde se prioriza el posicionamiento de las páginas que hayan sido diseñadas específicamente para dispositivos móviles.

Efectivamente, AMP mejora en gran medida la posición que consiga tu página web en Google, obviamente hay que cuidar el apartado SEO o SEM de la web, pero implementando AMP notaremos la diferencia.

Esta tecnología, permitirá que los contenidos de ella se sirvan muchísimo más rápido, incrementando el tiempo que pasan en tu web, ya que no se irán por la falta de velocidad. También se incrementa, lo que es conocido como CTR o porcentaje de clics, porque tu página aparecerá en la parte de arriba de las páginas de google.

😎 Por cierto, ¿Sabes que podemos posicionar tu web o tienda y atraer contactos? Click aquí para saber más >>

Ventajas y desventajas de AMP

Esta tecnología no es perfecta, claro está, lo único que tenemos que tener en consideración, son ciertos puntos para saber si nos interesa implementarla o no. Para ello te dejamos las ventajas e inconvenientes más destacadas.

Ventajas

La mayor ventaja sin duda es, su velocidad de carga. Google, “guardará” tus páginas en su propia caché, lo que es un beneficio enorme, ya que desde sus servidores, tu página cargará en menos de un segundo.

Otra de las ventajas, es que es de código abierto, por lo tanto permite que se vaya actualizando constantemente y mejorando funcionalidades.

AMP impulsa la visualización clara de los contenidos, por ello permite servir las imágenes y otros elementos de multimedia de forma responsiva, incluyendo las tabletas.

Es una muy buena opción si se tiene una web hecha en HTML o incluso se está llegando a utilizar en tiendas online, para mejorar las ventas.

Desventajas

Ahora bien, la velocidad de carga se consigue suprimiendo muchos elementos de diseño de tu página y limitándolos a unos pocos megas. También, si tu página tiene muchas librerías externas, como carruseles de imágenes, etc tendrás que modificarlas, si se puede, por las que te da AMP que puedes usar.

Otro tema importante, son los formularios, ya que las páginas de carga acelerada solo soportan elementos que carguen de forma asíncrona, así que tendrás que adaptarlos también.

En nuestra experiencia con AMP, podemos decir que lo que más trabajo cuesta de conseguir, es que si se implementa, el tema diseño y estilos está muy limitado y tendrás que ponerle mucho hincapié en ello.

Implementar AMP en nuestra web

Si queremos empezar en esta tecnología, lo primero que tenemos que tener en cuenta son varias especificaciones, las cuales las podrás encontrar aquí. En dicha página encontrarás un tutorial que te guiará paso a paso, como diseñar todo desde el principio.

También si se tiene algún gestor de contenidos o CMS es fácil que te encuentres algún módulo o plugin con lo básico ya hecho, pero de fácil instalación.

Lo que más hay que tener en cuenta, si se hace alguna modificación es visitar esta página que te analiza la url que estás modificando.

Test amp

 

Conclusiones de AMP para tu empresa

Hoy hemos visto una de las tecnologías más importantes en las webs modernas, ya que en la actualidad lo que destaca por encima en esta sociedad, es el uso de los teléfonos móviles para consumir Internet.

Esperemos desde FC-Networks que con este post, te hayamos introducido un poco en el mundo del “mobile first” que tan de moda está y es tan importante hoy en día.

¿Sabes que hacemos software cloud a medida?

➝ Click para saber más sobre software cloud a medida
5/5 (1 Review)
¡Dale caña y haz que se enteren!