¿Qué son las páginas AMP? (Guía)

Accelerated Mobile Pages (AMP) es el proyecto implementado por Google que tiene como objetivo mejorar la velocidad de carga de las páginas web en los teléfonos móviles. Actualmente los usuarios usan teléfonos inteligentes para navegar por Internet, cual todavía hay páginas que no están adaptadas a este tipo de dispositivos.

Si las páginas no están adaptadas a teléfonos móviles, la experiencia de navegación del usuario disminuye, especialmente cuando se refiere a la velocidad de carga. Por esta razón, Google tiene la intención de poner a disposición de los usuarios varias soluciones para resolver este problema.

El objetivo principal del Proyecto AMP es preservar el modelo de publicación web abierta y proteger todas las fuentes de ingresos que lo acompañan. Para hacer esto, el Proyecto AMP se enfoca en construir un núcleo técnico más común entre las páginas para garantizar:

• Apariencia de contenido consistente en todos los navegadores y aplicaciones modernos.
• Carga rápida, contenido flexible y hermoso, y Anuncios convincentes y efectivos.

El código abierto significa que la versión AMP está disponible de forma gratuita, modificable y compartible porque su diseño es de acceso público. Esto fomenta la colaboración, el desarrollo comunitario y la transparencia. Cualquiera puede ayudar a mejorar la versión AMP.

Desde su lanzamiento hace menos de cuatro meses, más de 5.200 desarrolladores han interactuado con AMP. Los contribuyentes incluyen personas de todos los puestos de trabajo, incluidos los directores de estrategia, los vicepresidentes de ingeniería, el editor en jefe y los directores ejecutivos. Algunos de los grandes editores que contribuyen y utilizan AMP HTML incluyen BuzzFeed, The Guardian, BBC, Mashable, The Wall Street Journal y The Washington Post. Otras compañías tecnológicas incluyen LinkedIn, Twitter, WordPress.com y Pinterest.

El cronograma del proyecto AMP

12 de mayo de 2015 – Facebook lanza artículos instantáneos

A principios del año pasado, Facebook estaba ocupado lanzando Instant Article que podía cargar artículos casi al instante, hasta 10 veces más rápido que la web móvil estándar. La respuesta de los editores fue positiva, a quienes les encantó tanto el aspecto como la sensación, además de las velocidades de carga, ofreció al lector final. Muchos vieron los Artículos Instantáneos como el intento agresivo de Facebook de convertirse en el Nuevo Distribuidor principal en la web y convertirse en el primer y único lugar donde los usuarios navegaban por Internet. Algunos también piensan que esto desencadenó la iniciativa de Google para lanzar el Proyecto AMP.

7 de octubre de 2015: Google presenta oficialmente el proyecto.

Desde su lanzamiento, más de 5,200 desarrolladores se involucraron con el proyecto y se crearon 16,000 nuevas páginas AMP.

9 de diciembre de 2015: Google anuncia su intención de enviar Search Traffic a AMP Pages.

Las especulaciones del proyecto AMP sugieren que Google comenzará a enviar tráfico a las páginas AMP a través de los resultados de búsqueda a partir de finales de febrero de 2016.

9 de diciembre de 2015: impulso para el proyecto AMP.

Richard Gingras (Jefe de Noticias de Google) comparte actualizaciones sobre el Proyecto AMP, incluido el trabajo en cuatro áreas clave: Publicidad, Análisis, Suscripciones y Formato de contenido. Además, varios jugadores clave se unen al movimiento AMP:

• WordPress apoyará a los editores que deseen habilitar páginas AMP a partir de principios de enero.
• Twitter comenzará a vincularse al contenido de AMP proporcionado por los editores a principios de 2016.
• Pinterest está probando páginas AMP en sus aplicaciones iOS y Android (y descubre que se cargan 4 veces más rápido y usan 8 veces menos datos que las páginas optimizadas para dispositivos móviles).
• LinkedIn expresa su intención de apoyar AMP a principios de 2016.
• A fines de febrero, los proveedores de Analytics como Google Analytics, comScore y otros tendrán soporte AMP en sus herramientas.
• Otros editores de todo el mundo expresaron la intención de apoyar a AMP en el año 2016.

20 de enero de 2015: el “Accelerated Mobile Pages Report” de Google disponible en Search Console.

Esto es cuando notamos por primera vez el “Informe de páginas móviles aceleradas” en la Consola de búsqueda de Google (anteriormente Herramientas para webmasters), dentro de la sección Aspecto de búsqueda. Con esta herramienta, Google le proporcionará una lista de páginas AMP indexadas con éxito en su sitio y priorizará cualquier error específico de AMP que necesite corregir para que se preste un servicio destacado a los usuarios móviles. Esto nos dice que Google quiere hacer AMP mainstream. También lo tomamos como una fuerte sugerencia para los webmasters y desarrolladores para comenzar a integrar HTML de página móvil acelerada en sus sitios, donde tiene sentido hacerlo.

¿Qué aspecto tiene una página AMP?

Una página móvil acelerada contiene contenido estático creado para procesarse rápidamente en cualquier navegador web móvil y para ser almacenado en caché. Piense en ello como una “dieta” o una versión reducida de su página normal, como la página AMP que acabamos de hacer de nuestra última publicación de blog:

AMP HTML, Javascript y Content Delivery Network (CDN)

Hay tres partes técnicas para l versión AMP:

• HTML AMP: la variación AMP HTML de la página incluye restricciones para un rendimiento confiable, además de extensiones para crear contenido rico más allá del HTML básico.
• AMP JS: el Javascript de AMP gestiona la carga de recursos, proporciona etiquetas personalizadas, calcula previamente el diseño de cada elemento y más, para garantizar una representación rápida de la página.
• CDN de AMP: la red de entrega de contenido de AMP es responsable de recuperar y almacenar en caché la página, y tiene un sistema de validación incorporado que confirma que la página está garantizada para funcionar.

Más sobre AMP y almacenamiento en caché

Las versiones de AMP HTML de sus páginas se aceleran mediante cachés creadas por terceros como Google. AMP facilita que las plataformas almacenen en caché tu contenido mientras aún mantienes el control total del contenido. En un verdadero estilo de código abierto, Google proporcionará un caché a cualquiera para que lo use sin cargo y todos los AMP serán almacenados en caché por Google. Otras compañías también pueden desarrollar su sistema de almacenamiento en caché si lo desean.

¿Cuáles son los beneficios de AMP?

Hay varias razones por las que es posible que deba considerar AMP para su sitio web.

1. Mejor experiencia de usuario para usuarios móviles.

Los lectores ahora pueden acceder a su mejor contenido independientemente de la aplicación, plataforma o dispositivo elegido. La entrega de contenido también es increíblemente rápida.

2. Los editores mantienen más control.

Como editor, AMP le brinda más autonomía y reduce su esfuerzo para distribuir contenido a plataformas de terceros.

Mejor publicidad y flujos de ingresos.

Como editor, también puede mantener el control económico de su contenido y desarrollar una publicidad efectiva en la web móvil.

Maximiza el alcance del contenido.

AMP aumenta el uso de sus páginas móviles y aumenta el alcance de su contenido.

Además, Google dice que si sus páginas compatibles con AMP incluyen algunos datos adicionales, también pueden beneficiarse de las funciones especiales de visualización en los resultados de la Búsqueda de Google.

AMP y el SEO: mejora del rendimiento de la velocidad

Hay varias formas en que las páginas HTML de AMP aceleran su sitio web y tienen el potencial de mejorar su SEO:

• Las secuencias de comandos asincrónicas evitan que JavaScript retrase el procesamiento de la página.
• Los recursos de tamaño estático determinan el tamaño de cada elemento (por ejemplo, imagen) antes de que se descargue para que el diseño de la página se pueda cargar sin esperar a que se descarguen los recursos.
• Los mecanismos de extensión (p. Ej. Incrustaciones de Instagram o Tweet) no bloquean la representación de la página.
• Los JavaScripts de terceros se mantienen fuera de la ruta crítica.
• Todo el CSS se mantiene en línea y limitado por tamaño (50 kb como máximo).
• La activación de fuentes se mantiene eficiente y no se retrasa.
  Los recálculos de estilo están limitados a uno por cuadro.
  Animaciones aceleradas por GPU.
• Los recursos se priorizan de modo que los recursos más importantes se descarguen primero, como los que probablemente sea visto por un usuario, se encuentren en la mitad superior de la página o si es probable que el usuario se desplace hacia abajo rápidamente.
• Las páginas se cargan instantáneamente porque un AMP puede predecir y representar la página siguiente antes de que el usuario navegue explícitamente a ella.

Pautas de búsqueda de Google AMP

Google indica que les gustan las páginas AMP validadas porque pueden rastrearse, almacenarse y servirse desde un caché que les permite ser servidas aún más rápidamente. Si la página de su sitio web tiene una versión de AMP válida, la Búsqueda de Google puede dirigir a los usuarios de dispositivos móviles al AMP en caché.

Estos son los cinco pasos que Google dice seguir para aprovechar los beneficios de AMP:

1. Siga las especificaciones de AMP.
2. Asegúrese de que Google pueda encontrar e indexar sus páginas AMP, y comprender el enlace entre la página que no es AMP y su página AMP.
3. Comprueba que tus páginas AMP son válidas y funcionan como se espera.
4. Siga las políticas de datos estructurados de Google.
5. Consulta su informe de estado de Google AMP.

¿Las páginas móviles aceleradas son adecuadas para usted?

En este momento, el Proyecto AMP aún es bastante nuevo y estamos observando de cerca cómo se desarrollará con los resultados de búsqueda de Google e interactuará con SEO.

Sabemos que AMP tiene más sentido para los editores de artículos cotidianos, como periodistas y blogueros. El contenido estático con un título simple, texto y quizás una imagen son muy adecuados para AMP HTML. En el otro extremo del espectro, las aplicaciones avanzadas y las páginas web con elementos interactivos y diseño complejo pueden no ser adecuadas para AMP.

Tenga en cuenta que puede tener tanto una versión HTML como una versión AMP HTML reducida de las páginas de su sitio web.

La experiencia del visitante es un aspecto importante a tener en cuenta al decidir integrar AMP. Si responde afirmativamente a alguna de estas preguntas, puede considerar AMP:

• ¿Sus visitantes esperan encontrar texto simple en una página que se cargue en un abrir y cerrar de ojos que puedan leer y digerir rápidamente?.
• ¿Llamaría a los visitantes de su sitio web “Lectores” o “Seguidores”?
  ¿Publica regularmente contenido nuevo en su sitio y espera que sus visitantes consuman este contenido diariamente o semanalmente?.
• ¿Es probable que la página de su sitio web se comparta o vea a través de aplicaciones de mensajería, fuentes de noticias y redes sociales?

Si te gusto el artículo, no dudes en compartirlo y dejar tu comentario para cualquier duda o sugerencia.