¬ŅQue es AMP y para qu√© sirve?

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.

Leones Digitales 2.0

La formaci√≥n que lanza empresas de 0 a millones ‚ā¨ gracias a internet. 

‚ėÖ‚ėÖ‚ėÖ Totalmente gratis - Plazas limitadas ‚ėÖ‚ėÖ‚ėÖ

¬Ņ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.

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.

0/5 (0 Reviews)

¡Vamos, cuéntaselo a todos!

¡Déjanos tus comentarios!