¿Qué es AMP (Accelerated Mobile Pages) y por qué es importante?

¿Qué es AMP (Accelerated Mobile Pages) y por qué es importante?

Todos tenemos cada vez más claro que empezar una página web implica pensar en la gente que nos verá desde el móvil, por eso incluir el factor AMP o Accelerated Mobile Pages es crucial para mantenerte al día.

Así que hoy en MOSM destripamos qué significa AMP y en qué puede beneficiarte.

¿Para qué sirve el AMP?

Estas siglas significan en español aceleración de páginas para móvil y se trata de una iniciativa de Google, si, has leído bien.

El gigante de Internet ha dado paso a los usuarios para que colaboren en la elaboración de un código que mejora la velocidad de carga de los sitios web en los smartphones.

Comparacion AMP y RESPONSIVE foto

Y aunque ahora hayas pensado «¿Por qué Google tras años existiendo las páginas web para móviles se pone ahora las pilas?».

Pues esto ocurre porque a día de hoy siguen habiendo muchísimas webs que no están adaptadas, por ello la velocidad de carga se alarga demasiado y la experiencia de usuario es nefasta.

¿Cómo funciona el AMP?

El AMP funciona a través de HTML, por supuesto el código siempre es de vital importancia y con esta mejora no iba a ser menos.

Este tipo de código ha evolucionado tanto que ha obtenido su propio lenguaje llamado directamente AMP HTML, utilizando las etiquetas que ya conocemos pero aportando el añadido «-amp» para mejorarlo.

Google AMP foto

Pero no todas las tags sirven, por eso es tan difícil utilizar o formar parte de la colaboración para crear el código.

Y eso es algo que ocurre también con JavaScript, que queda totalmente restringido en estas versiones aceleradas.

¡No te preocupes! Puedes incluir todo el CSS que te plazca.

¿Qué mejoras proporciona el AMP?

Google destaca entre todas sus ventajas las 4 siguientes:

  • Cooperativo
  • Good looking
  • Seguridad a través d HTTPS
  • Aporta rapidez

Y cuando el mayor buscador que existe pone su ojo en algo, lo lleva a todas sus aplicaciones. Algo que ya puedes ver en el Search Console.

que-es-google-amp-paginas-moviles-aceleradas foto

Aunque muchos son los que dicen que Google ya tiene claro que el AMP es un must have, algo que deja claro marcando con el logo verde en las que ya lo tienen.

Todavía queda un recorrido por delante para que lleguemos al punto en que 100% sea necesario ser página acelerada, por el momento aún existen los que se están pasando al responsive.

¿Cómo configuro mi SEO para que sea AMP?

Si queremos una configuración básica en nuestro WordPress, podemos hacerlo con este plugin.

En caso que estés en otro CMS, pues sólo te queda esperar a que se implante este código o que saquen algún plugin que se consiga adaptar esta nueva configuración.

wordpress AMP foto

Una vez lo activemos, añadiendo /amp/ a nuestras URL’s podremos ver dicha versión.

Todo seguirá siendo código HTML pero modificado y simplificado para que nuestros dispositivos lo carguen más rápidamente.

Las páginas web están cambiando y se habla de mobile first

Sin duda muchos son los que ya diseñan sus páginas webs pensando primero en el formato mobile, una tendencia que va en aumento y que consigue más con menos.

Es decir, todo se reduce a simplificar el contenido, para que el usuario desde su smartphone pueda consumirlo sin sentirse abrumado.

Te recomendamos que no pierdas la pista a esta nueva forma de diseñar las páginas web y sobre todo a nuestro blog, en el que te iremos contando todas las actualizaciones que hayan.

Y si te ha gustado el contenido, no dudes en compartirlo. ;)

Fuentes: imágenes vía: Kinsta

Share

MOSM

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies