¿por qué AMP?
el número de búsquedas realizadas desde dispositivos móviles ha superado al de escritorio. El marco de código abierto denominado «Accelerated Mobile Pages» (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 había sido planteado repetidamente por editores y empresas.
la iniciativa se puso en marcha con el objetivo de establecer un sistema que beneficiara a todas las partes interesadas., Los anunciantes, editores y usuarios deberían 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 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, con algunos de los primeros sitios web que implementan AMP fueron The Guardian (Reino Unido), The Washington Post y Buzzfeed (Estados Unidos), el 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 en línea utilizan la 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 sobre AMP, aunque todavía no hay 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 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, entonces 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á específicamente diseñado para crear sitios web que se cargan lo más rápido posible en dispositivos móviles.,
problema: Web sites sites that that load load too too too slow…ly
la rapidez con la que se carga el contenido web depende de la velocidad de la conexión y del tamaño del archivo del sitio web. Ambos aspectos están relacionados. Algunas páginas se cargarán lentamente incluso si la velocidad de conexión es rápida, si el volumen de archivos a cargar es demasiado grande. Del mismo modo, incluso una página técnicamente optimizada puede cargar lentamente si la conexión es demasiado lenta.
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 el número 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 cortos tiempos de carga de AMP está principalmente en la reducción de los archivos que deben cargarse. Otro factor importante es un servidor proxy que mantiene una caché de la página de destino lista., Este contenido se transmite a través de una red de entrega de contenido, lo que tiene la ventaja de que la página siempre se puede construir a la misma velocidad, desde donde el Usuario acceda a ella.
código fuente de AMP
en términos generales, todos los servidores pueden leer el código fuente de AMP porque el código se basa en scripts conocidos. Los siguientes tres elementos son característicos de AMP:
- AMP HTML: el código HTML de una página móvil acelerada se limita a lo esencial. Cuando se carga la página, solo se envía una solicitud http.
- AMP JavaScript: AMP hace uso de código JS asíncrono., Esto permite que el sitio comience a construir antes de que se hayan cargado todos los elementos JS.
- AMP CDN: se guarda una caché de cada sitio web de AMP en varios servidores de todo el mundo. Este contenido se puede llevar al usuario a través de la ruta más corta posible utilizando una red de entrega de contenido. Otra ventaja de una CDN es que la funcionalidad de la página se comprueba continuamente. Esto ayuda a evitar errores.
¿qué cambios se deben hacer en el código HTML para implementar AMP?
hay una serie de características específicas que el HTML de un sitio web debe tener para que se ejecute sobre AMP., Cualquier contenido audiovisual 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 se puede ver en la imagen» height=»200″ width=»300″></amp-img>
Además, las siguientes etiquetas deben incluirse en cada página para que pueda ser correctamente mostrar usando amp:
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 a
- : los anunciantes pueden usar AMP con una variedad de formatos de publicidad 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 la página se cargue.
- editores: los editores se benefician de una posición prominente de los sitios web de AMP en el entorno de noticias. La alta usabilidad de los sitios web optimizados para móviles también contribuye a las señales positivas del usuario.
- Usuarios: los sitios web que utilizan AMP son perfectos para los usuarios. No tienen que esperar mucho tiempo para que las páginas se carguen e incluso pueden confiar en un alto rendimiento cuando navegan a través de una conexión a internet lenta.,
AMP y el índice Mobile-First
AMP es solo un enfoque para optimizar sitios web para dispositivos móviles. La conciencia sobre la importancia de la optimización móvil – no solo entre la comunidad SEO – ha crecido, particularmente desde una actualización de Google en 2015 que estaba específicamente dirigida a fomentar la facilidad de uso móvil de los sitios web. El motor de búsqueda Google desde entonces ha ido más allá hacia un enfoque móvil primero con su anuncio de que su índice móvil es – en algún momento – va a convertirse en el índice principal para los resultados de búsqueda de Google., Esto solo va a aumentar la importancia de AMP.
además de AMP, hay otras estrategias de optimización móvil, incluido el Diseño Web Responsivo, o el uso de URL móviles separadas con aplicaciones web progresivas.
