[su_box title=»AMP – Páginas Móviles Aceleradas» box_color=»#9e003f» title_color=»#rrggbb»]AMP significa «páginas móviles aceleradas». Es un marco de código abierto que se lanzó como una iniciativa conjunta de Google y varias otras empresas tecnológicas y editoriales. Con AMP, es posible crear sitios web móviles sencillos que se cargan casi al instante. Las características características de AMP son elementos de JavaScript y CSS reducidos y el uso de una red de distribución de contenido.[/su_box]
¿Por qué AMP?
La cantidad de búsquedas realizadas desde dispositivos móviles ha superado a las de escritorio. El marco de código abierto denominado «páginas móviles aceleradas» (AMP) se creó con un objetivo principal: crear tiempos de carga rápidos para los usuarios móviles. Esta fue una reacción a la creciente demanda de tiempos de carga cortos, un problema que los editores y empresas habían planteado repetidamente.
La iniciativa se lanzó con el objetivo de establecer un sistema que beneficiara a todas las partes interesadas. Los anunciantes, editores y usuarios deben beneficiarse de AMP.
Cómo se desarrolló el proyecto AMP
El «Proyecto de páginas móviles aceleradas» fue lanzado en 2015 por un grupo de empresas que incluyen a Google, WordPress y el gigante del software Adobe. Desde el principio, varios portales de noticias internacionales también han estado involucrados en el proyecto AMP, y algunos de los primeros sitios web que implementaron AMP fueron The Guardian (Reino Unido), The Washington Post y Buzzfeed (EE. UU.), Frankfurter Allgemeine Zeitung y Die Zeit (Alemania). ) y El País (España). Twitter y LinkedIn también han estado involucrados en AMP desde el principio como socios tecnológicos.
Hoy en día, casi todos los grandes medios online utilizan tecnología AMP. Han reconocido el gran valor que se puede obtener de los sitios web móviles de carga rápida. Con la ayuda de los complementos adecuados, los usuarios de WordPress también pueden publicar en AMP, aunque todavía no existe una solución de comercio electrónico para AMP.
Por qué AMP es una buena idea
En la última década, el teléfono inteligente ha superado a la PC de escritorio en muchas industrias y países, convirtiéndose en el dispositivo principal que la gente usa para conectarse. Usamos nuestro teléfono móvil para buscar un restaurante cercano, compramos en nuestros teléfonos o leemos las noticias en nuestros teléfonos en el tren al trabajo. Es particularmente importante para los usuarios de dispositivos móviles que los sitios web se carguen rápidamente. Se dice que el punto crítico de corte es de tres segundos. Si un sitio web tarda más en cargarse, la mayoría de los usuarios de Internet móvil rebotarán y abandonarán la página.
AMP es una buena idea porque está diseñado específicamente para crear sitios web que se cargan lo más rápido posible en dispositivos móviles.
Solución: AMP
AMP no puede influir en la capacidad disponible de una conexión a Internet, por lo que la tecnología se centra en el aspecto de los tiempos de carga que puede afectar. AMP crea las mejores condiciones para que un sitio web móvil se cargue rápidamente, incluso cuando la transferencia de datos es lenta. Para hacer esto, limita la cantidad de elementos JavaScript y CSS necesarios, asegurando que solo se deben cargar unos pocos recursos para que se pueda ver una página.
La clave de los tiempos de carga cortos de AMP está principalmente en la reducción de archivos que deben cargarse. Otro factor importante es un servidor proxy que mantiene lista la caché de la página de destino. Este contenido se transmite a través de una red de entrega de contenido, que tiene la ventaja de que la página siempre se puede construir a la misma velocidad, independientemente de dónde acceda el usuario.
¿Qué cambios se deben realizar en el código HTML para implementar AMP?
Hay una serie de características específicas que debe tener el HTML de un sitio web para que pueda ejecutarse en AMP. Cualquier contenido de medios audiovisuales debe estar marcado con etiquetas AMP especiales, por ejemplo, amp-img, amp-video, amp-audio o amp-iframe. Un ejemplo de cómo se puede insertar una imagen en el código fuente de una página usando AMP es:
<amp-img src = ”myimage.jpg” alt = ”lo que puede ver en la imagen” height = ”200 ″ width =” 300 ″> </amp-img>
Además, las siguientes etiquetas deben incluirse en cada página para que se puedan mostrar correctamente con AMP:
- Tipo de documento: <! Doctype html>
- Etiqueta de nivel superior: <html> etiqueta o <html amp>
- Etiquetas <head> y <body>
- Etiqueta canónica en el encabezado: <link rel = ”canonical” href = ”http://www.mynormalURL.com” />
- Codificación: <pre> <meta charset = ”utf-8 ″> </pre> en el encabezado
- Ventana gráfica: <meta name = ”viewport” content = ”width = device-width, mínima-scale = 1 ″>
- Referencia a AMP CDN: <script async src = ”https://cdn.ampproject.org/v0.js”> </script>
- Nota sobre la opacidad: <style> cuerpo {opacidad: 0} </style> <noscript> <style> cuerpo {opacidad: 1} </style> </noscript>
Las ventajas de AMP para diferentes grupos de interés
Como se mencionó anteriormente, AMP se lanzó con el gran objetivo de beneficiar a todos: anunciantes, editores y usuarios.
- Anunciantes: los anunciantes pueden utilizar AMP con una variedad de formatos publicitarios diferentes. El contenido publicitario se carga de forma asincrónica, lo que significa que la experiencia del usuario no se ve afectada por los anuncios que impiden que se cargue la página.
- Editores: los editores se benefician de una ubicación destacada de los sitios web de AMP en el entorno de noticias. La alta usabilidad de los sitios web optimizados para dispositivos móviles también contribuye a las señales positivas de los usuarios.
- Usuarios: los sitios web que utilizan AMP son perfectos para los usuarios. No tienen que esperar mucho para que se carguen las páginas e incluso pueden confiar en un alto rendimiento cuando navegan por una conexión lenta a Internet.
