¿Qué son las AMP de Google? Todo lo que un editor debería saber

Según Google, el 50 % del tráfico web procede de móviles, por lo que la velocidad de la página es un factor clave para que los usuarios no salgan de tu web.

Para garantizar que los usuarios puedan acceder a la información de forma rápida, Google se ha asociado con grandes tecnológicas como WordPress, LinkedIn y Twitter, entre muchas otras, para así desarrollar las Accelerated Mobile Pages o AMP.

En este artículo explicaremos en qué consisten las AMP, cómo funcionan, cuáles son sus beneficios y limitaciones principales y, por último, cómo integrar anuncios en AMP.

¿Qué son las AMP de Google?

Las AMP (Accelerated Mobile Pages) de Google son un proyecto de código HTML abierto diseñado para crear páginas web increíblemente rápidas y ligeras.

Las AMP surgieron en respuesta a los artículos instantáneos de Facebook. A diferencia de estos últimos, cualquier editor puede acceder a las AMP de forma gratuita y empezar a usarlas en ese mismo momento.

Ejemplo de artículos instantáneos en Facebook

En las AMP se eliminan las etiquetas del código HTML que ralentizan la página; se reduce el número de etiquetas HTML convencionales y se sustituyen por etiquetas HTML AMP personalizadas.

Principalmente se utilizan bibliotecas de AMP predefinidas que constituyen etiquetas personalizadas para páginas AMP para conseguir un rendimiento rápido de las páginas (el proceso de transformar el código HTML en lo que ven los usuarios). Además, se elimina el JavaScript (JS) innecesario, lo que permite, asimismo, implantar características avanzadas en la página.
Además, solo puede accederse a las páginas AMP de Google a través del motor de búsqueda de Google y las AMP se almacenan en los servidores CDN de Google. Suelen permitir velocidades de carga más rápidas que las páginas webs convencionales para los mismos sitios web.

Ejemplos de sitios web AMP

Es muy posible que cada vez que busques algo desde tu móvil estés viendo páginas AMP. Puedes comprobarlo buscando el rayo que aparece junto a los resultados de búsqueda.

Las páginas AMP se cargan cuatro veces más rápido que una página móvil no AMP y usan hasta 10 veces menos datos de redes 3G y 4G.

¿Cómo funcionan las AMP?

Las AMP presentan las páginas con código HTML optimizado. Las páginas se cargan de forma más rápida porque se eliminan determinadas etiquetas de código HTML que ralentizan la página.

En principio, las AMP no permiten usar elementos de JavaScript, puesto que ralentizan la página.

Actualmente se puede incluir un componente amp-script personalizado para permitir interacciones de los usuarios, como botones para compartir en redes sociales.

Así es como funcionan:

Se enviará tu página optimizada con AMP para que se almacene en servidores de Google. De esta forma Google precarga y almacena caché antes de que un usuario haga clic en la página en los resultados de búsqueda.

El usuario puede visualizar el contenido de dos formas:

– En un visor AMP de Google, como cuando se hace clic en el carrusel de noticias destacadas. El dominio, en este caso, es de Google.

– En Signed Exchange (SXG), en los casos en los que el usuario puede ver el nombre del dominio. El contenido se presenta además del HTML AMP y aparece en los resultados normales.

Según Search Engine Journal, el número de dominios de AMP superó los 31 millones en 2018. ¿Deberías apostar tú también por este tipo de páginas?

Beneficios de las AMP

Páginas más rápidas

Las AMP en sí mismas no son un factor de clasificación, pero la velocidad de la página sí lo es. Se han realizado pruebas en las que se ha demostrado que la AMP DOM (el tiempo que tarda en descargarse por completo el código HTML y en completarse el proceso de descomposición de las palabras en componentes) se descarga por completo en 0,857 segundos.

Artículo relacionado: 8 consejos para editores para aumentar la velocidad de carga de sitios web

A principios de este año, Google anunció un programa llamado Core Web Vitals, un conjunto de mediciones relacionadas con la velocidad, capacidad de respuesta y estabilidad visual. Core Web Vitals se convertirá en un factor de clasificación importante en mayo de 2021.

El nivel actual del sector es muy alto. En un estudio de más de 1000 millones de páginas se concluyó que el 90,63 % de las páginas no obtienen tráfico de Google. Esto se debe a que las páginas con contenidos similares compiten por el tráfico. Es aquí donde la velocidad de la página desempeña un papel fundamental.

Sin embargo, esto no quiere decir que el contenido y la relevancia de la página no sean importantes. Si tu página no proporciona información valiosa a los usuarios, la velocidad de la página tiene una repercusión mucho menor en la clasificación.

Menor tasa de abandono

La tasa de abandono está directamente relacionada con la velocidad de la página. Las investigaciones demuestran que el 79 % de los usuarios abandonan la página y no volverán a ella si tarda mucho en cargar. Con una velocidad de carga más rápida, el usuario pasará más tiempo en la página y es más probable que se convierta en cliente.

Según Google, las tasas de conversión se reducen un 20 % por cada segundo adicional de carga de la página. The Washington Post descubrió un incremento del 23 % de los usuarios que regresan a una página a través de sus teléfonos en un plazo de 7 días en páginas integradas con AMP.

Menor uso de datos móviles

Las páginas menos pesadas también consumen hasta 10 veces menos tráfico que las páginas convencionales. Esto resulta especialmente importante para los usuarios de teléfonos móviles, cuya navegación puede verse afectada por determinadas limitaciones de ancho de banda.

Mayor visibilidad en SERP

No podemos subestimar los beneficios obvios de las páginas AMP para la clasificación en las SERP (páginas de resultados de los motores de búsqueda).

Empecemos por la más importante, Google favorece los artículos AMP en las SERP mostrándolos por encima de los resultados orgánicos. Además, si la página cuenta con datos estructurados, las AMP pueden incrementar la posibilidad de aparecer en resultados enriquecidos, como fragmentos destacados.

Función de deslizar para visitar

La función de deslizar para visitar es otra gran característica de las AMP. Utiliza la capacidad de precarga de las AMP para mostrar una previsualización de la página. Si el usuario desliza, se carga de inmediato la página web completa y el editor recibe una vista de página.

Noticias destacadas

El carrusel de noticias destacadas es el punto clave para los editores digitales.

Aparecer en la parte superior de las SERP constituye toda una oportunidad para atraer tráfico a tu página. Cuando un usuario hace clic en una historia, puede deslizar entre contenido relacionado de diferentes editores.

Por ahora, la tecnología AMP es un requisito para aparecer en las noticias destacadas, no obstante, esto cambiará en 2021, cuando se permitirá que aparezcan en noticias destacadas páginas con o sin tecnología AMP.

Recordamos que las páginas que aparecen en noticias destacadas son versiones en caché de las mismas páginas. Esto implica que cuando un visitante hace clic en la página desde el carrusel, el enlace redirige a Google, no al sitio web del editor. Para evitar que se dupliquen las páginas, debes asegurarte de utilizar una etiqueta canonical (un elemento de HTML que permite especificar qué versión de la página web se prefiere) a la URL del escritorio.

Limitaciones de las AMP

Existen ciertas restricciones de uso en el código cuando se crea una página AMP. Hemos recopilado las más importantes.

Hoja de estilos en cascada (CSS) para AMP

Toda la CSS debe ser inline y limitada por el tamaño para garantizar el correcto funcionamiento de la CSS. El límite inline de la hoja es actualmente de 75 kB, ligeramente superior al límite anterior de 50 kB, sin embargo, aún es relativamente restrictivo.

JS en AMP

Los elementos pesados de JavaScript de terceros no funcionan en las AMP, puesto que bloquean la construcción DOM y retrasan la presentación de la página. Existen bibliotecas de AMP predefinidas que pueden usarse en su lugar y que garantizan una velocidad rápida, capacidad de interacción y estabilidad visual.

El JS personalizado se permite en amp-script, y el JS de terceros se permite en iframes, puesto que no afectan al rendimiento. Recordamos que el límite de script es de 150 kB.

Identidad de marca

Cuando un usuario llega a tu página desde un visor AMP de Google, no ve la URL de tu página web. Esto se debe a que Google coloca únicamente contenido en caché en los resultados principales, como en las noticias destacadas. La URL original se almacena en el botón de información de la parte superior de la página AMP.

Esto no solo resulta confuso para los lectores, sino que los visitantes no pueden comprobar la autenticidad de la página a que se les redirige (por ejemplo, al hacer clic en el certificado SSL). Por suerte, disponemos de soluciones técnicas para hacer frente a esta limitación que permite que las páginas AMP se faciliten desde una caché, pero que también contengan una URL original en la barra de navegación del navegador.

Doble trabajo

Al igual que sucede con una página normal, una vez que la página AMP esté activa, tendrás que optimizarla para que sea compatible con el SEO.

Artículo relacionado: ¿Son importantes los enlaces internos y externos para el SEO en 2020?

Interacción

Debido a la función de «deslizamiento», los usuarios interactúan menos con el contenido, porque se les anima a leer contenido relacionado de diferentes editores. Por lo tanto, es posible que los editores no vean un gran aumento en las tasas de interacción.

Si quieres saber más sobre las restricciones, Github ha elaborado una lista completa de los márgenes de AMP para que los desarrolladores web puedan decidir si su esfuerzo merece la pena.

Integración de anuncios en AMP

Google ha prometido que las AMP no merman sus ingresos por publicidad y admiten una amplia gama de formatos y redes publicitarias.

Algunas de las redes publicitarias más populares que ya utilizan amp-ads son Adform, AppNexus, Criteo e Index Exchange. Puedes consultar la lista completa aquí.

Las AMP no permiten ciertos formatos de publicidad, como las interstitials, sin embargo, esto no afecta a los ingresos por publicidad.

Artículo relacionado: Cómo aumentar los ingresos por publicidad | Fórmula de éxito y soluciones demostradas

Con las AMP, los anuncios se cargan de forma más rápida gracias a su tamaño reducido, lo que se traduce en una mayor visibilidad de los anuncios y en un mayor porcentaje de clics.

La solución de Header bidding wrapper, que es la especialidad de Setupad, también puede integrarse en las AMP. Permite generar más solicitudes de anuncios con Real Time Config (RTC) y alcanzar los máximos CPM.

¿Debería utilizar AMP?

El éxito de las AMP varía mucho de un sitio web a otro. Los sitios de medios de comunicación suelen obtener buenos resultados con las AMP, así que, si eres editor y tienes un blog o una sección de noticias, te sugerimos que las pruebes.

También puede ser una buena idea probar AMP si tus competidores ya están utilizando esta tecnología. Por el contrario, disponemos de pocos datos sobre su éxito en el comercio electrónico.

Por otro lado, muchos desarrolladores creen que es posible construir sitios web de carga rápida sin sacrificar los objetos multimedia enriquecidos y las funciones avanzadas. Cloudflare for Mobile es un ejemplo de solución alternativa que cuenta con características y velocidad similares a las de las AMP.

Llegados a este punto, creemos que no hay nadie como tú para decidir si las AMP son una buena opción para tu web.