info@oscarramilo.com | Tel: 678 72 93 15

Blog

27 Dic

Accelerated Mobile Pages

Si aún no sabes qué es una web AMP, te informo que estás perdiendo clientes. AMP significa Accelerated Mobile Pages, y tal como su nombre indica, las webs AMP cargan más rápido que una web normal.

Te preguntarás: ¿y eso? Pues muy fácil: la versión AMP lo que hace es eliminar elementos pesados como el Javascript o los formularios, que ralentizan mucho el tiempo de carga de una web.

Para conseguir esta rapidez, las páginas AMP se basan en tres aspectos:

  1. No ejecutar tu propio JavaScript sino un JavaScript propio de AMP llamado Motor JS.
  2. Que todas las páginas AMP se alimenten de un CDN de Google.
  3. Utilizar un lenguaje de marcado personalizado para todos los elementos de contenido que no sean texto.

La AMP es HTML optimizado; reduce y simplifica el código fuente de una web

Según algunos estudios de marketing digital (y seguro que tú mismo lo confirmarás) los usuarios que realizan búsquedas a través de dispositivos móviles siempre esperan que la web se cargue más rápido que si buscaran en el PC. Si la web tarda más de dos segundos en cargar, nos cansamos y volvemos atrás.

Cómo incrementar la conversión con web AMP

Este comportamiento está dando muchos quebraderos de cabeza a las empresas que intentan mejorar su posicionamiento web reduciendo lo máximo posible el tiempo de carga. Frecuentemente ocurre que, entre el propio diseño de la web, el código HTML y sobretodo el Javascript, suponen un obstáculo difícil de superar para conseguir una web optimizada.

Soy de la opinión que cuanto más sencilla y directa sea una web, mucho mejor. Lo que comúnmente conocemos como “menos es más”. Y así parece también pensar Google, que siempre dispuesto a mejorar la experiencia del usuario, está favoreciendo a las páginas web AMP con una mejora en el posicionamiento web.

Requisitos para tener una web AMP

  1. Utilizar Javascript de AMP.
  2. Los estilos CSS no pueden pesar más de 50 KB.
  3. Eliminar elementos de entrada de formularios como “textarea” o “checkbox”.
  4. Estructurar los datos siguiendo la política de datos estructurados de Google.
  5. Reemplazar las etiquetas actuales por etiquetas AMP. La etiqueta “img” de imagen será “amp-img”.
  6. Indexar la versión AMP en Google relacionando ambas versiones de la web.
  7. Comprobar que la web cumple con todas las especificaciones de AMP.
  8. Verificar el estado de la web AMP a través de Google Search Console. Verás qué páginas de tu web están indexadas y los errores que Google haya encontrado.

¿Tendremos una web mobile bonita? Seguramente no.

No obstante, existen sitios web estéticamente cuestionables que tienen miles de visitas al mes. La razón es muy sencilla: resulta fácil para el usuario encontrar la información que busca, a solo un par o tres de clics. Que aparezcan grandes fotos, animaciones, etc. sólo distrae y entorpece la búsqueda al usuario, haciéndole perder el tiempo por no mencionar el interminable “scrolling”.

Así pues, la conversión de una web AMP aumenta respecto a una web tradicional.

WordPress, como no podía ser menos, posee su propio plugin AMP para WordPress para crear la versión AMP.

Los comentarios están cerrados.