AMP SEO: una guía para editores

La baja velocidad del sitio es uno de los mayores obstáculos para las ambiciones de adquisición de audiencia de los editores.

Las personas pierden interés en el contenido al que no pueden acceder instantáneamente, lo que genera mayores tasas de rebote y menores conversiones. Mejorar la velocidad del sitio en tan solo 0,1 segundos puede aumentar las tasas de conversión hasta en un 10 %, según un estudio de Deloitte (descarga en PDF) . ¹

El proyecto Google AMP se anunció en 2015 como una forma de ayudar a los editores a mejorar la experiencia del usuario acelerando la velocidad de carga del sitio móvil. ² Sin embargo, su relevancia para los editores se ha cuestionado cada vez más después de que Google eliminó AMP como factor de clasificación en ^2021.3

En este artículo, analizamos qué es Google AMP y si los editores todavía necesitan incluirlo como parte de su estrategia de optimización de motores de búsqueda (SEO).

¿Qué es AMP?

Accelerated Mobile Pages (AMP) es un marco HTML de código abierto que fue creado originalmente por Google y que ahora está supervisado por el Proyecto de código abierto de AMP. Permite la creación de una página web liviana y de carga rápida que no requiere soporte completo de JavaScript, HTML y CSS.

La velocidad y la experiencia de la página han visto su importancia a medida que aumentan los factores de clasificación para Google y otros motores de búsqueda. El cambio global en los hábitos de navegación, con el tráfico móvil superando al tráfico de escritorio por primera vez en noviembre de 2016, ha obligado a los motores de búsqueda a aumentar drásticamente el papel de la velocidad al considerar la mejor experiencia de usuario. ⁴

AMP es un paso más de Google para garantizar que se pueda acceder a la información lo más rápido posible. La versión AMP de una página es una que se ha reducido a lo básico:

• AMP HTML es un subconjunto de HTML. Reduce la cantidad de elementos que puede usar mientras agrega algunos nuevos.
• AMP JS es un framework Javascript enfocado en el manejo y carga de recursos. No se permiten otras bibliotecas de Javascript en AMP.
• AMP Content Delivery Network es un elemento opcional que puede usar para entregar su contenido aún más rápido gracias a su caché.
• CSS también está limitado a ciertos elementos.

¿Cuáles son los beneficios de AMP para los editores?

El principal beneficio de Google AMP es reducir significativamente los tiempos de carga. AMP ofrece una diferencia notable en los tiempos de carga en comparación con las páginas HTML normales.

Esto es importante porque Google dijo en julio de 2018 que la velocidad sería un factor de clasificación en los resultados de búsqueda móvil, tal como lo había sido para las búsquedas de escritorio desde ^2010.5

La velocidad a menudo se considera el rey en el mundo digital actual. Si bien AMP ha perdido parte de su influencia en las búsquedas desde que Google niveló el campo de juego entre AMP y las páginas regulares, sigue siendo un componente esencial cuando se esfuerza por mejorar los tiempos de carga de las páginas web móviles. ⁶

Si bien las páginas de carga rápida brindan beneficios obvios, existen varios inconvenientes graves para implementar AMP, que exploraremos a continuación.

Inconvenientes de AMP

Una de las principales desventajas de la tecnología AMP es el hecho de que prioriza la velocidad, lo que limita la experiencia del usuario y las opciones de seguimiento y desarrollo del editor.

El enfoque de AMP en la velocidad deja a los editores incapaces de implementar ciertos tipos de bloques de anuncios. Google señala que los siguientes tipos de anuncios no están disponibles en Ad Manager: ⁷

• intersticiales
• Ampliable
• No HTTPS
• Rich media que cambia de tamaño

Mientras tanto, Google ha reconocido que Google Analytics tiene capacidades limitadas cuando se trata de rastrear páginas AMP en comparación con las páginas estándar. ⁸

Administrar la experiencia del usuario de AMP también puede ser exigente desde una perspectiva técnica. Las páginas de AMP se pueden servir tanto desde un caché de AMP dedicado en un servidor de Google como desde el servidor de un editor.

Las páginas de AMP se sirven desde un caché de AMP cuando los visitantes hacen clic en una SERP de Google, pero se pueden servir desde el servidor de un editor cuando un visitante llega a través del sitio web de dicho editor. Esto puede afectar la velocidad de la página, a menos que el editor haya optimizado sus páginas AMP alojadas . ⁹

Los editores que optan por alojar sus páginas AMP lo han hecho porque les preocupa que los visitantes permanezcan en los servidores de Google. El gigante de las búsquedas ha tratado de solucionar este problema al anunciar la compatibilidad con los intercambios firmados , pero esta función solo es compatible con Chrome. ¹⁰

Los desarrolladores también asumen trabajo de desarrollo adicional para mantener dos conjuntos de páginas web, mientras se aseguran de que las páginas AMP sigan cumpliendo con el estándar AMP.

La eliminación de elementos de diseño en favor de la velocidad también significa que existe el riesgo de que las páginas AMP de diferentes editores se vean algo similares. 

Alternativas de AMP

Si bien AMP generalmente carga páginas más rápido que HTML estándar, eso no significa que una página que no sea AMP de carga rápida esté fuera de discusión.

Por ejemplo, restringir la cantidad de conexiones de terceros e incorporar la carga diferida puede ayudar a mejorar la velocidad de la página.

La decisión de Google de eliminar el favoritismo de la página AMP significa que las páginas que no son AMP y que se cargan rápidamente ahora pueden competir por el carrusel de Historias destacadas . ¹¹ Esto también significa que Google News SEO ha tenido que evolucionar para seguir siendo relevante. ¹²

Estudios de casos de AMP

Condé Nast fue uno de los primeros editores en implementar AMP. ¹³ Un año después de implementar AMP en Vanity Fair, el CTR en los resultados de búsqueda pasó de 5,9% a 10,3% y la posición promedio en SERPs pasó de 5,9 a 1,7.

Casi el 80% de su tráfico de búsqueda en dispositivos móviles provino de páginas AMP. Durante ese tiempo, Condé Nast utilizó las lecciones aprendidas en el programa piloto de Vanity Fair para implementar páginas AMP en otras 14 marcas.

El sitio web de AMP tiene muchos estudios de casos de implementación de AMP que destacan los beneficios para los editores. ¹⁴

Uno de ellos es de The Washington Post, uno de los primeros colaboradores del proyecto AMP. Después de implementar AMP, los tiempos de carga se redujeron en un 88 %. El efecto en cascada de este aumento en la velocidad se vio en otras métricas comerciales, ya que la tasa de retorno de los usuarios móviles pasó del 51 % al 63 %.

Asahi Shimbun es el segundo periódico más grande de Japón. Una gran parte de su tráfico proviene de dispositivos móviles, por lo que decidió aprovechar los beneficios de velocidad de AMP para mejorar tanto su posicionamiento SERP como la experiencia del usuario.

El periódico también implementó módulos publicitarios incluidos en la especificación AMP para monetizar sus páginas AMP, lo que no solo generó una mejora del 240 % en las páginas vistas, sino también un aumento del 344 % en los ingresos publicitarios.

Grupo Expansión es la editorial de medios en línea más grande de México. Su contenido AMP es un 80 % más rápido que antes y el tiempo de permanencia en el sitio se duplicó. Esto tuvo un impacto visible en sus ingresos publicitarios, ya que el CTR en los anuncios fue un 150 % más alto que en las páginas que no son AMP.

Dicho esto, no todos los editores han optado por quedarse con AMP, y muchos expresan su frustración por las limitaciones del formato.

No es un éxito

Future plc Inc anunció en febrero de 2022 que había desactivado AMP en el 80-90 % de sus páginas web. Señaló en ese momento que AMP había inhibido su capacidad para monetizar las impresiones y que no solo no había disminuido el tráfico, sino que los ingresos habían mejorado.

Vox, BuzzFeed y BDG también sopesaron si continuar con AMP, informó el Wall Street Journal en febrero de 2022.15 ^El periódico citó fuentes que decían que los editores querían un mayor control sobre la apariencia del sitio web y la ubicación de los anuncios.

Matt Prohaska, director ejecutivo de Prohaska Consulting, describió los beneficios de AMP como "no vale la pena aprovecharlos " gracias a la forma en que Google ahora clasifica las historias que no son de AMP. ^dieciséis

Lo que es peor, sin embargo, es que AMP está en el centro de una demanda estatal de EE. UU. que apunta al presunto abuso de Google de su "posición de monopolio".

Acusaciones incómodas

Un juez de Nueva York abrió documentos relacionados (descarga en PDF) con el caso en octubre de 2021, revelando que el gigante de las búsquedas no solo participó en la manipulación de ofertas para manipular los resultados del intercambio de anuncios, sino que también penalizó el rendimiento de las páginas que no son AMP para obligar a los editores a adoptar el formato. ¹⁷

La medida, afirma la demanda, fue diseñada para atraer más dinero a los intercambios de anuncios de Google. De hecho, incluso se acusa a Google de querer “matar” las ofertas de encabezado. Las acusaciones son incendiarias, pero han resonado entre algunos dentro de la industria editorial.  

Monetización de AMP

El marco de AMP ha evolucionado a lo largo de los años para permitir una mayor flexibilidad en la forma en que los editores pueden monetizar su contenido.

AMP ahora es compatible con una amplia gama de formatos y tecnologías de anuncios, y más de 100 redes publicitarias admiten la integración con AMP. ¹⁸ Además, AMP también admite muros de pago y proporciona un marco accesible para regular el acceso al contenido para suscriptores, usuarios medidos y usuarios anónimos.

Pero las limitaciones técnicas que impone AMP para mejorar la velocidad de carga significan que la cantidad de redes publicitarias que pueden recibir inventario publicitario es limitada.

AMP elimina el código Javascript superfluo de las páginas para mejorar la velocidad de carga. El problema aquí es que la mayoría de las etiquetas publicitarias digitales modernas usan código JavaScript. ¹⁹ Además, las ofertas de encabezado también se basan en estas etiquetas de JavaScript.

Para evitar esto, el Proyecto AMP desarrolló una solución técnica nativa de AMP llamada Real-Time Config (RTC) . ²⁰ RTC, sin embargo, permite solo cinco llamadas a proveedores externos por unidad de anuncio y esto incluye plataformas de administración de datos (DMP), así como proveedores de visibilidad y seguimiento de audiencia.

Si un editor necesita utilizar proveedores que no pertenecen a la red publicitaria, recibirá menos de cinco ofertas por bloque de anuncios. Por el contrario, los editores que no son AMP pueden recibir de 7 a 10 ofertas, lo que maximiza su costo por mil (CPM).

La solución a este inconveniente es usar RTC para conectarse a un contenedor de ofertas de encabezado , lo que abre la puerta a una técnica de publicidad programática que permite al editor ofrecer inventario a varias redes publicitarias antes de realizar llamadas a sus servidores de anuncios. ²¹ Header bidding usa solo una de las llamadas permitidas bajo RTC para administrar todo bajo un envoltorio de header bidding.

Para mejorar la monetización de AMP, Google incluyó la función Fast Fetch en 2017. Fast Fetch solicitará los anuncios antes y los mostrará solo cuando sea probable que los vea el usuario. Entonces, por ejemplo, un anuncio en la parte inferior de la página no se mostrará a menos que el usuario comience a desplazarse hacia abajo. Esto permite tiempos de carga mucho más rápidos.

AMP permite la implementación de anuncios de video, tanto instream (dentro del contenido de video orgánico) como outstream (un anuncio de video independiente en el contenido web normal), así como anuncios de medios enriquecidos.

El proyecto AMP recomienda lo siguiente al implementar anuncios en páginas AMP: ²²

• Use la misma cantidad de anuncios en páginas AMP y no AMP para maximizar los ingresos.
• El primer anuncio debe estar debajo del pliegue para mejorar la experiencia del usuario.
• Evite anuncios pesados ​​e intersticiales para eludir reflujos de contenido.
• Use nuevos formatos como Sticky Ads, Flying Carpet para anuncios de venta directa.
• Use anuncios en carruseles ²³ o lightboxes ²⁴ para generar más ingresos.
• Los anuncios también pueden ser páginas de AMP, y el proyecto de AMP las recomienda por sus beneficios en el rendimiento y la seguridad del usuario.
• Habilite las solicitudes de anuncios de varios tamaños en su inventario de AMP. ²⁵

Anuncios AMP

El uso de AMP HTML para crear anuncios tiene dos beneficios distintos. El primero es la velocidad, con el Proyecto AMP afirmando que se cargan hasta seis veces más rápido que los anuncios normales en una página AMP. ²⁶ El segundo beneficio es que AMP le da al editor un control total tanto del sitio web como de los anuncios, lo que garantiza que los anuncios estén libres de malware.

Los formatos de anuncios AMP incluyen carruseles, cajas de luz y paralaje de video. Los anuncios AMP no son solo para que los editores creen anuncios para la venta directa, sino que un número creciente de plataformas del lado de la oferta (SSP) e intercambios de anuncios también están comenzando a admitir AMP. ²⁷

AMP para correos electrónicos e historias web

AMP es más que una forma de mostrar artículos y anuncios ultrarrápidos. Como es un subconjunto de HTML, se puede utilizar para desarrollar cualquier tipo de sitio web, incluso un sitio de comercio electrónico.

Además de eso, el proyecto AMP ha lanzado otros dos formatos específicos para usar con AMP.

Correos electrónicos de AMP

El uso de AMP en correos electrónicos, restringido a un pequeño subconjunto, permite la creación de correos electrónicos interactivos y dinámicos. Algunos casos de uso son, por ejemplo, mostrar precios actualizados en el correo electrónico, guardar artículos en una cuenta o responder a una invitación a un evento. Todo esto directamente desde el correo electrónico, sin necesidad de visitar otro sitio web.

Si bien más de 30 plataformas de correo electrónico y proveedores de servicios (ESP) respaldan AMP en el correo electrónico, el formato solo es compatible con cuatro clientes de correo electrónico: ²⁸

• Gmail
• correo.ru
• Correo electrónico justo
• Correo de yahoo

Historias web (anteriormente Historias de AMP)

Desde que Snapchat fue pionero en el formato en 2013, las historias que se pueden tocar se han vuelto casi omnipresentes en el mundo móvil. AMP proporciona una forma de crear narraciones visuales atractivas para los editores.

El Google Web Stories permite a los editores usar imágenes, videos, gifs, audio y texto. Se pueden animar y los usuarios también pueden interactuar con ellos. ²⁹

Según los informes, Google también está impulsando su función Historias visuales , que contiene Historias web, en los SERP móviles en los EE. UU. ³⁰ La medida crea un nuevo campo de batalla de SEO para los editores que buscan obtener una ventaja sobre sus competidores.

Editores como Wired, The Atlantic, San Francisco Chronicle y la BBC están utilizando esta característica en sus esfuerzos de publicación.

Las historias web se pueden monetizar a través de anuncios creados en el mismo formato que las historias.

Cómo implementar AMP

WordPress

La forma más fácil de implementar AMP en un sitio de WordPress es usar el complemento AMP para WordPress . ³¹ El complemento convierte automáticamente el contenido a AMP cuando es posible y ayuda con la conversión del resto, replicando la funcionalidad del contenido HTML estándar.

El complemento permite que un sitio completo se transforme a AMP, la selección de publicaciones o páginas específicas que no usarán AMP, o la elección de un modelo de transición para servir contenido AMP y no AMP al mismo tiempo.

También ofrece opciones para añadir funcionalidad extra como análisis o cierta interactividad como menús de hamburguesas que normalmente se proporcionan a través de Javascript, que está excluido de AMP.

El complemento también incluye la opción de crear historias web.

Otros sitios

Para los sitios que no usan WordPress, el Proyecto AMP proporciona una serie de herramientas para implementar y validar contenido AMP. Hay un marco React capaz de generar páginas AMP y una caja de herramientas AMP para publicar y alojar páginas AMP.

Errores comunes

El error más común al implementar AMP es usar etiquetas HTML, atributos y propiedades CSS que no están permitidas.

Otro error común es no configurar el análisis correctamente. Si no se implementa la unión de sesiones, por ejemplo, los visitantes del contenido AMP en caché de un sitio se mostrarán como provenientes de una referencia externa si llegaron desde las páginas que no son AMP de dicho sitio.

Google Analytics ofrece instrucciones específicas sobre cómo implementar sus etiquetas de análisis en las páginas de AMP.7 Google proporciona más información sobre la gestión de unión de sesiones en sus guías para:

• Unificación de sesión³²
• Medición de dominios cruzados³³

Mientras tanto, no replicar correctamente la funcionalidad básica en las páginas de AMP, por ejemplo, la implementación deficiente de menús, llamadas a la acción (CTA) y otros elementos de navegación, podría tener un impacto negativo tanto en la experiencia del usuario como en las métricas.

Datos estructurados

La implementación de datos estructurados es un componente clave para aumentar la visibilidad del contenido de AMP. ³⁴ Sin la implementación correcta de los metadatos, las páginas AMP no aparecerán en fragmentos enriquecidos en las funciones SERP, como carruseles, Historias destacadas o Historias visuales.

Google recomienda usar el mismo marcado de datos estructurados en la página AMP canónica y asociada. ³⁵ Esto no solo permitirá que la página AMP se beneficie de las mismas técnicas de SEO semántico utilizadas en la página canónica, sino que garantizará que no se envíen señales contradictorias sobre el contenido de la página.

El Proyecto AMP recomienda incluir los siguientes datos estructurados en las páginas AMP:

• Tipo específico de contenido (por ejemplo, artículo de noticias)
• Titular
• Fecha de Publicación
• Fecha modificada
• Autor
• Imagen/Multimedia
• Paywall (si es contenido de suscripción)
• Editor/organización 

Otras plataformas, como Twitter, también harán uso de las etiquetas de metadatos de Open Graph.

Existen dos herramientas de validación , una para garantizar que se puedan generar resultados enriquecidos de Google para una página y la otra para la validación de esquemas genéricos. ³⁶

Implementación de pruebas

Es necesario validar el contenido de AMP para garantizar que sea válido para la Búsqueda de Google.

Dependiendo de cómo se haya implementado AMP, es posible que los editores ya tengan acceso a las herramientas de validación, como es el caso del complemento de WordPress.

Si este no es el caso, Google proporciona varias herramientas de validación y los errores del sitio también aparecerán en Google Search Console (GSC).

Eliminación de AMP

En el caso de que las páginas AMP no brinden los resultados esperados, hay dos formas de eliminarlas. Si bien Google afirma que hay tres opciones , dos de los métodos se reducen efectivamente a indicar al sistema de administración de contenido (CMS) que elimine contenido. ³⁷

Al aprovechar el CMS, los editores pueden indicarle que elimine rápidamente el contenido, aunque esto eliminará tanto la versión AMP como la versión HTML de la página.

Este enfoque requiere que el usuario siga estos pasos.

1. Elimine ambas versiones de la página del servidor o CMS.
2. Con la Eliminar contenido obsoleto , ingrese las URL AMP y no AMP de la página que desea eliminar. ³⁸
3. Actualiza la caché de Google AMP. 
4. Use la Búsqueda de Google para verificar que la página de AMP se eliminó.

Alternativamente, se le puede indicar al CMS que deje de ofrecer contenido AMP por completo, al deshabilitar la opción AMP. Sin embargo, esto eliminará todas las páginas AMP de un sitio.

A decir verdad, ambas opciones son soluciones poco elegantes al problema. Para un enfoque más específico, los editores pueden eliminar una página de AMP que se haya emparejado con una página que no sea de AMP eliminando el enlace rel=”amphtml” del código fuente de la página que no sea de AMP.

Los editores deben seguir estos pasos:

1. Configure el servidor para devolver una redirección 301 o 302 para la página AMP eliminada.
2. Redirigir a la página canónica que no es AMP.

Si bien estos pasos son suficientes para eliminar la página de la Búsqueda de Google, la eliminación de páginas AMP de plataformas que no son de Google requiere estos pasos adicionales:

1. Configure el servidor para enviar un error 404, lo que impide que Google AMP Cache sirva el contenido.
2. Actualice la caché de Google AMP para asegurarse de que el contenido se haya eliminado por completo.
3. Utilice los resultados de la Búsqueda de Google para verificar la eliminación de una sola página de AMP. Utilice el informe de estado de AMP de Google Search Console para verificar una gran cantidad de páginas.

También vale la pena señalar que los enlaces permanentes a la página AMP eliminada se pueden mantener activos mediante la configuración de redireccionamientos 301 a la página canónica que no es AMP.

Análisis de los resultados de AMP

Al evaluar una implementación de AMP, hay tres aspectos diferentes que deben tenerse en cuenta.

En primer lugar, las mejoras de rendimiento requieren evaluación. Google ofrece dos herramientas de prueba de velocidad diferentes, PageSpeed ​​Insights ³⁹ y Lighthouse ⁴⁰ . Una cosa a tener en cuenta es que ninguna de las herramientas reflejará las ganancias de rendimiento obtenidas a través del almacenamiento en caché y la renderización previa. Esto significa que es probable que las ganancias de rendimiento reales sean mayores que las medidas por esas herramientas.

En segundo lugar, mida si las velocidades mejoradas y la experiencia del usuario afectan las clasificaciones de búsqueda. Herramientas como Semrush o Ahrefs pueden ayudar a controlar el rendimiento de SEO de las páginas AMP y determinar si han tenido algún impacto. Estas herramientas muestran la posición de cada página dentro del SERP, las tasas de clics (CTR) del artículo y también si aparece en fragmentos enriquecidos.

Finalmente, evalúe si AMP ha tenido algún impacto en el negocio. Las herramientas de análisis pueden medir el rendimiento del contenido de AMP en términos de tiempo en el sitio, tasa de retorno, CTR en anuncios e ingresos.

Pensamientos finales

El hecho de que un porcentaje creciente del tráfico provenga de dispositivos móviles hace que la velocidad de carga y una experiencia de usuario limpia sean aspectos críticos del éxito. Las páginas móviles aceleradas (AMP) resuelven ambos problemas a la vez.

La conversión de contenido a AMP, si se implementa correctamente, puede mejorar la experiencia del usuario, la clasificación en los motores de búsqueda y la visibilidad en fragmentos enriquecidos. Dichas acciones deben tener un impacto claro y medible en el rendimiento y los ingresos de los anuncios.

Mientras que algunos editores han optado por AMP, otros han comenzado a darle la espalda al formato, argumentando que no está a la altura de la visión prometida de Google. 

Al final, los editores deben experimentar por sí mismos para decidir el valor relativo. Gran parte de la toma de decisiones aquí se reducirá a la asequibilidad de dicho ejercicio. Después de todo, los editores tienen presupuestos de los que preocuparse como cualquier otro negocio.